App Download Buttons<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* reset \u4ec5\u4f5c\u7528\u4e8e\u6309\u94ae\u6a21\u5757\u5185\u90e8\uff0c\u907f\u514d\u5f71\u54cd WordPress \u5176\u4ed6\u6a21\u5757 *\/\n .download-btn-group,\n .download-btn-group *,\n .download-btn-group *::before,\n .download-btn-group *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \/* \u6ce8\u610f\uff1a\u4e0d\u5199 body \u89c4\u5219\u3002\u5d4c\u5165 WordPress \u65f6 body \u9009\u62e9\u5668\u4f1a\u4f5c\u7528\u4e8e\n \u4e3b\u9898\u7684 <body>\uff0c\u7ed9\u6574\u9875\u52a0\u80cc\u666f\u8272\/\u5185\u8fb9\u8ddd\uff0c\u5bfc\u81f4\u5176\u4ed6\u6a21\u5757\u88ab\u6491\u9ad8\u3001\n \u5e03\u5c40\u9519\u4e71\u3002\u6837\u5f0f\u53ea\u4f5c\u7528\u4e8e\u6a21\u5757\u5bb9\u5668 .download-btn-group\u3002\n \u72ec\u7acb\u9884\u89c8\u65f6\u5982\u9700\u80cc\u666f\uff0c\u53ef\u5728\u9875\u9762\u5bb9\u5668\u4e0a\u4e34\u65f6\u52a0\u80cc\u666f\u8272\u3002 *\/\n\n .download-btn-group {\n font-family: \"Montserrat\";\n display: flex;\n flex-direction: row; \/* \u540c\u4e00\u884c\u5c55\u793a *\/\n flex-wrap: wrap;\n justify-content: center; \/* \u6c34\u5e73\u5c45\u4e2d *\/\n align-items: center;\n gap: 20px;\n }\n\n .download-btn {\n width: 100%;\n max-width: 220px;\n height: 64px;\n border-radius: 35px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 16px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n -webkit-tap-highlight-color: transparent;\n transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease,\n background 0.3s ease, color 0.3s ease, border-color 0.3s ease;\n will-change: transform;\n }\n\n \/* \u6309\u94ae1\uff08iOS\uff09\uff1a\u6df1\u84dd\u80cc\u666f + \u9752\u7eff\u6587\u5b57 *\/\n #btn1 {\n background: #15395E;\n color: #4CC7C4;\n border: 0;\n }\n\n \/* \u6309\u94ae2\uff08Android\uff09\uff1a3px \u6df1\u84dd\u8fb9\u6846\uff0c\u65e0\u80cc\u666f\uff0c\u6df1\u84dd\u6587\u5b57 *\/\n #btn2 {\n background: transparent;\n color: #15395E;\n border: 3px solid #15395E;\n }\n\n \/* \u60ac\u505c\uff1a\u4e0a\u6d6e + \u5149\u6655\uff08\u79fb\u51fa\u5e73\u6ed1\u6062\u590d\uff09 *\/\n .download-btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 20px rgba(27, 59, 100, 0.35);\n filter: brightness(1.06);\n }\n\n \/* \u6309\u4e0b\uff1a\u56de\u5f39\u538b\u611f *\/\n .download-btn:active {\n transform: translateY(-1px) scale(0.985);\n box-shadow: 0 4px 10px rgba(27, 59, 100, 0.25);\n filter: brightness(0.98);\n }\n\n \/* ============================================================\n \u5d4c\u5165 WP \u517c\u5bb9\uff08\u91cd\u8981\uff09\uff1a\n WordPress \u4e3b\u9898\u5e38\u76f4\u63a5\u5bf9 a \/ .content a \u8bbe\u7f6e color\u3001background\u3001\n text-decoration\u3001display \u7b49\u6837\u5f0f\uff0c\u4f18\u5148\u7ea7\u4e0e\u52a0\u8f7d\u987a\u5e8f\u90fd\u4f1a\u76d6\u8fc7\n .download-btn \u4e0a\u7684\u5b9a\u4e49\u3002\u8fd9\u91cc\u7528\u9ad8\u7279\u5f02\u6027\u9009\u62e9\u5668 + !important\n \u515c\u5e95\uff0c\u786e\u4fdd\u5d4c\u5165\u4e3b\u9898\u540e\u6309\u94ae\u89c6\u89c9\u4e0e\u672c\u7ad9\u4e00\u81f4\u3002\n ============================================================ *\/\n a.download-btn {\n display: flex !important;\n box-sizing: border-box !important;\n text-decoration: none !important;\n justify-content: center !important;\n }\n \/* \u6309\u94ae1\uff1a\u6df1\u84dd\u5e95 + \u9752\u7eff\u5b57 *\/\n a#btn1,\n a#btn1:link,\n a#btn1:visited {\n background: #15395E !important;\n color: #4CC7C4 !important;\n border: 0 !important;\n }\n \/* \u6309\u94ae2\uff1a3px \u6df1\u84dd\u8fb9\u6846\uff0c\u65e0\u80cc\u666f\uff0c\u6df1\u84dd\u5b57 *\/\n a#btn2,\n a#btn2:link,\n a#btn2:visited {\n background: transparent !important;\n color: #15395E !important;\n border: 3px solid #15395E !important;\n }\n a.download-btn:hover {\n filter: brightness(1.06);\n }\n\n a.download-btn,\n a.download-btn .big-text,\n a.download-btn .small-text,\n a.download-btn:link .big-text,\n a.download-btn:link .small-text,\n a.download-btn:visited .big-text,\n a.download-btn:visited .small-text,\n a.download-btn:hover .big-text,\n a.download-btn:hover .small-text,\n a.download-btn:active .big-text,\n a.download-btn:active .small-text {\n color: inherit !important;\n }\n a#btn1,\n a#btn1 .big-text,\n a#btn1 .small-text {\n color: #4CC7C4 !important;\n }\n a#btn2,\n a#btn2 .big-text,\n a#btn2 .small-text {\n color: #15395E !important;\n }\n\n .small-text {\n font-size: 12px;\n opacity: 0.95;\n line-height: 1;\n white-space: nowrap;\n }\n\n .big-text {\n font-size: 20px;\n font-weight: 600;\n line-height: 1.1;\n white-space: nowrap;\n }\n\n \/* ========== \u79fb\u52a8\u7aef\u9002\u914d ========== *\/\n\n \/* \u5e73\u677f \/ \u5c0f\u5c4f\u7b14\u8bb0\u672c *\/\n @media (max-width: 768px) {\n\n .download-btn {\n height: 56px;\n padding: 0 14px;\n }\n\n\n .small-text {\n font-size: 11px;\n }\n\n .big-text {\n font-size: 18px;\n }\n }\n\n \/* \u624b\u673a *\/\n @media (max-width: 480px) {\n\n .download-btn {\n height: 50px;\n padding: 0 12px;\n border-radius: 10px;\n }\n\n\n .small-text {\n font-size: 10px;\n }\n\n .big-text {\n font-size: 16px;\n }\n }\n\n \/* \u89e6\u5c4f\u8bbe\u5907\uff1a\u7981\u7528 hover \u60ac\u505c\u7c98\u6ede\uff08\u4fdd\u7559\u70b9\u51fb\u6309\u538b\u7f29\u611f\uff09 *\/\n @media (hover: none) {\n .download-btn:hover {\n transform: none;\n box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.45);\n filter: none;\n }\n\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"download-btn-group\">\n \n <a class=\"download-btn\" id=\"btn1\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n <div class=\"btn-text-wrap\">\n <div class=\"small-text\" id=\"btn1-subtitle\"><\/div>\n <div class=\"big-text\" id=\"btn1-title\"><\/div>\n <\/div>\n <\/a>\n <a class=\"download-btn\" id=\"btn2\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n <div class=\"btn-text-wrap\">\n <div class=\"small-text\" id=\"btn2-subtitle\"><\/div>\n <div class=\"big-text\" id=\"btn2-title\"><\/div>\n <\/div>\n <\/a>\n <\/div>\n\n <script>\n \/\/ ============================================================\n \/\/ \u81ea\u5b9a\u4e49\u53cc\u6309\u94ae\u914d\u7f6e\uff08SEO\/\u8fd0\u8425\u7ef4\u62a4\u533a\uff09\n \/\/ \u4fee\u6539 BTN_CONFIG \u5373\u53ef\u5b8c\u6210\uff1a\u6362\u6587\u6848 \/ \u6362\u8df3\u8f6c\u5730\u5740 \/ \u589e\u5220\u6309\u94ae\u3002\n \/\/\n \/\/ \u6bcf\u4e2a\u6309\u94ae\u5b57\u6bb5\uff1a\n \/\/ id \u6309\u94ae\u6807\u8bc6\uff08btn1 \/ btn2\uff0c\u51b3\u5b9a\u6837\u5f0f\uff1abtn1 \u5b9e\u5fc3\u6df1\u84dd\u3001btn2 \u63cf\u8fb9\uff09\n \/\/ title \u4e3b\u6807\u9898\uff08\u5fc5\u586b\uff09\n \/\/ subtitle \u526f\u6807\u9898\uff08\u53ef\u7a7a\u4e32 = \u53ea\u663e\u793a\u4e3b\u6807\u9898\uff09\n \/\/ url \u8df3\u8f6c\u94fe\u63a5\uff08\u53ef\u7a7a\u4e32 = \u4e0d\u53ef\u70b9\u51fb\uff09\n \/\/ blank \u662f\u5426\u65b0\u7a97\u53e3\u6253\u5f00\uff08\u9ed8\u8ba4 true\uff09\n \/\/ ============================================================\n var BTN_CONFIG = [\n {\n id: \"btn1\",\n title: \"Contact Us\",\n subtitle: \"\",\n url: \"https:\/\/www.eviewconnect.com\/contact\/\",\n blank: true\n },\n {\n id: \"btn2\",\n title: \"Find Support\",\n subtitle: \"\",\n url: \"https:\/\/www.eviewconnect.com\/support\/\",\n blank: true\n }\n ];\n\n \/\/ ===== \u6e32\u67d3\uff08\u901a\u7528\u903b\u8f91\uff0c\u65b0\u589e\u6309\u94ae\u53ea\u9700\u5728\u914d\u7f6e\u6570\u7ec4\u52a0\u4e00\u9879\uff09 =====\n (function () {\n BTN_CONFIG.forEach(function (btn) {\n var el = document.getElementById(btn.id);\n if (!el) return;\n \/\/ \u8df3\u8f6c\u94fe\u63a5\n if (btn.url) {\n el.href = btn.url;\n if (btn.blank !== false) {\n el.target = \"_blank\";\n el.rel = \"noopener\";\n } else {\n el.target = \"_self\";\n }\n } else {\n el.removeAttribute(\"href\");\n }\n \/\/ \u6587\u6848\n var titleEl = document.getElementById(btn.id + \"-title\");\n var subEl = document.getElementById(btn.id + \"-subtitle\");\n if (titleEl) titleEl.textContent = btn.title;\n if (subEl) {\n if (btn.subtitle) {\n subEl.textContent = btn.subtitle;\n subEl.style.display = \"\";\n } else {\n subEl.style.display = \"none\";\n }\n }\n });\n })();\n <\/script>\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd19906 e-flex e-con-boxed e-con e-parent\" data-id=\"fd19906\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d6ddcf4 e-con-full e-flex e-con e-child\" data-id=\"d6ddcf4\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08a9cfe elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"08a9cfe\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <title>mPERS \u00b7 OEM Intro<\/title>\n\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n \/* ========== reset \u4f5c\u7528\u57df\u5316\uff08\u4e0d\u5f71\u54cd WordPress \u4e3b\u9898\uff09 ========== *\/\n .om-intro,\n .om-intro *,\n .om-intro *::before,\n .om-intro *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: \"Montserrat\", \"PingFang SC\", sans-serif;\n background: linear-gradient(180deg, #ffffff 0%, #e9ecfa 100%);\n color: #15395E;\n }\n\n \/* ===== \u5185\u5bb9\u533a\uff08\u5c45\u4e2d\uff0c\u6700\u5927 900px \u7248\u5fc3\uff09 ===== *\/\n .om-intro {\n \/* \u5185\u5bb9\u9650\u5236\u5728 1440px \u7248\u5fc3\u5185\uff08\u80cc\u666f\u4ecd\u94fa\u6ee1\u5168\u5c4f\uff09 *\/\n width: 100%;\n max-width: 1440px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n }\n\n \/* ===== \u6807\u9898 ===== *\/\n .om-intro__title {\n \/* \u968f\u5c4f\u5bbd\u81ea\u9002\u5e94\uff1a1280 \u5c4f\u7ea6 51px\u30011920 \u5c4f\u7ea6 77px\uff0c\u59cb\u7ec8\u4e00\u884c\u653e\u4e0b *\/\n font-size: clamp(24px, 2.5vw, 52px);\n font-weight: 700;\n line-height: 1.1;\n color: #15395E;\n white-space: nowrap; \/* \u6807\u9898\u4e00\u884c\u5c55\u793a *\/\n }\n\n .om-intro__title { margin: auto 0 0; } \/* \u5782\u76f4\u5c45\u4e2d\uff08\u5185\u5bb9\u8d85\u9ad8\u65f6\u53ef\u6eda\u52a8\u67e5\u770b\uff09 *\/\n .om-intro__sub { margin-bottom: auto; }\n\n \/* \u6807\u9898\u4e24\u4fa7\u53cc\u5f15\u53f7\uff08\u9752\u8272 #4cc6c5\uff09 *\/\n .om-intro__title::before {\n content: \"\\201C\";\n color: #4cc6c5;\n }\n .om-intro__title::after {\n content: \"\\201D\";\n color: #4cc6c5;\n }\n\n \/* ===== \u526f\u6807\u9898 ===== *\/\n .om-intro__sub {\n margin-top: 24px;\n font-size: 20px;\n font-weight: 600; \/* SemiBold *\/\n line-height: 1.6;\n color: #4a5b70;\n display: -webkit-box; \/* \u6700\u591a\u4e09\u884c\u5c55\u793a *\/\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n\n \/* ===== \u4ece\u4e0b\u5f80\u4e0a\u8f7b\u5fae\u5f39\u51fa\uff08\u6eda\u5165\u89c6\u53e3\u89e6\u53d1\uff09 ===== *\/\n .om-intro__title,\n .om-intro__sub {\n opacity: 0;\n transform: translateY(26px);\n transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\n }\n .om-intro.is-inview .om-intro__title,\n .om-intro.is-inview .om-intro__sub {\n opacity: 1;\n transform: translateY(0);\n }\n .om-intro.is-inview .om-intro__sub {\n transition-delay: 0.15s; \/* \u526f\u6807\u9898\u6bd4\u6807\u9898\u7a0d\u540e\u5f39\u51fa *\/\n }\n\n \/* ===== \u89e6\u5c4f\u8bbe\u5907\uff1a\u76f4\u63a5\u663e\u793a\uff08\u65e0 hover\/\u5165\u573a\u4f9d\u8d56\uff09 ===== *\/\n @media (hover: none), (max-width: 640px) {\n .om-intro__title { font-size: 34px; }\n .om-intro__sub { font-size: 16px; margin-top: 18px; }\n }\n\n \/* ===== \u65e0\u969c\u788d\u964d\u7ea7\uff1a\u51cf\u5f31\u52a8\u6001\u65f6\u76f4\u63a5\u663e\u793a ===== *\/\n @media (prefers-reduced-motion: reduce) {\n .om-intro__title,\n .om-intro__sub {\n opacity: 1;\n transform: none;\n transition: none;\n }\n }\n\n \/* ===== WordPress \u4e3b\u9898\u6837\u5f0f\u9632\u5fa1 ===== *\/\n .om-intro .om-intro__title {\n font-family: \"Montserrat\", sans-serif !important;\n font-size: clamp(24px, 2.5vw, 52px) !important;\n font-weight: 700 !important;\n line-height: 1.1 !important;\n color: #15395E !important;\n text-align: center !important;\n white-space: nowrap !important;\n text-decoration: none !important;\n background: transparent !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n .om-intro .om-intro__title::before,\n .om-intro .om-intro__title::after {\n color: #4cc6c5 !important;\n }\n .om-intro .om-intro__sub {\n font-family: \"Montserrat\", sans-serif !important;\n font-size: 20px !important;\n font-weight: 600 !important;\n line-height: 1.6 !important;\n color: #4a5b70 !important;\n text-align: center !important;\n display: -webkit-box !important;\n -webkit-line-clamp: 3 !important;\n -webkit-box-orient: vertical !important;\n overflow: hidden !important;\n margin-top: 24px !important;\n padding: 0 !important;\n border: 0 !important;\n background: transparent !important;\n }\n @media (hover: none), (max-width: 640px) {\n .om-intro .om-intro__title { font-size: 34px !important; }\n .om-intro .om-intro__sub { font-size: 16px !important; margin-top: 18px !important; }\n }\n <\/style>\n<\/head>\n\n<body>\n\n <main class=\"om-intro\" id=\"omIntro\">\n \n <h1 class=\"om-intro__title\" id=\"omIntroTitle\"><\/h1>\n <p class=\"om-intro__sub\" id=\"omIntroSub\"><\/p>\n <\/main>\n\n <script>\n \/\/ ================================================================\n \/\/ mPERS \u4ecb\u7ecd \u00b7 \u7edf\u4e00\u914d\u7f6e\u5165\u53e3\uff08SEO \u7ef4\u62a4\u533a\uff09\n \/\/ \u4fee\u6539 title \/ sub \u5373\u53ef\u66f4\u65b0\u9875\u9762\u6587\u5b57\uff0c\u65e0\u9700\u52a8 HTML\u3002\n \/\/ ================================================================\n var INTRO_CONFIG = {\n title: \"Innovative personal safety technologies\",\n sub: \"Eview\u2019s ODM\/OBM\/JDM smart SOS watchs feature advanced neural-network fall detection and wireless tech for healthcare, elder care, lone workers, and so more. Combining daily comfort with reliable protection, our configurable firmware ensures rapid adaptation, lowering costs and accelerating time to market.\"\n };\n\n (function () {\n var t = document.getElementById(\"omIntroTitle\");\n var s = document.getElementById(\"omIntroSub\");\n if (t) t.textContent = INTRO_CONFIG.title;\n if (s) s.textContent = INTRO_CONFIG.sub;\n })();\n\n \/\/ ===== \u6eda\u5165\u89c6\u53e3\u65f6\u4ece\u4e0b\u5f80\u4e0a\u8f7b\u5fae\u5f39\u51fa =====\n (function () {\n var el = document.getElementById(\"omIntro\");\n if (!el) return;\n \/\/ \u51cf\u5f31\u52a8\u6001\u65f6\u4e0d\u505a\u52a8\u753b\n var reduce = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n if (reduce) return;\n if (!(\"IntersectionObserver\" in window)) { el.classList.add(\"is-inview\"); return; }\n var io = new IntersectionObserver(function (entries) {\n entries.forEach(function (en) {\n if (!en.isIntersecting) return;\n el.classList.add(\"is-inview\");\n io.unobserve(el);\n });\n }, { threshold: 0.3 });\n io.observe(el);\n })();\n <\/script>\n\n<\/body>\n\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8ccdf55 e-con-full e-flex e-con e-child\" data-id=\"8ccdf55\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-742304c elementor-widget elementor-widget-heading\" data-id=\"742304c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Target Users\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a99a45 e-con-full e-flex e-con e-child\" data-id=\"3a99a45\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4edc766 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4edc766\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <title>Eview \u00b7 Support<\/title>\n\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n \/* ========== \uff08\u4e0d\u5f71\u54cd WordPress \u4e3b\u9898\uff09 ========== *\/\n .sup,\n .sup *,\n .sup *::before,\n .sup *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \/* ===== \u652f\u6301\u9875\u6a21\u5757 =====\n \u5b57\u4f53\/\u989c\u8272\/\u80cc\u666f\u90fd\u6536\u655b\u5230 .sup \u4f5c\u7528\u57df\uff0c\u900f\u660e\u80cc\u666f\u900f\u51fa WP \u9875\u9762\u5e95\u8272 *\/\n .sup {\n width: 100%;\n max-width: 1440px;\n \/* \u5185\u5bb9\u533a\u6700\u591a 1440px \u5bbd\u5e76\u5c45\u4e2d\uff0c\u8f6e\u64ad\u5728\u8303\u56f4\u5185\u6eda\u52a8 *\/\n margin: 0 auto;\n padding: 48px 0 40px;\n font-family: \"Montserrat\", \"PingFang SC\", sans-serif;\n background: transparent;\n color: #15395E;\n overflow-x: hidden;\n }\n\n \/* ===== \u8f6e\u64ad\u5bb9\u5668\uff08\u7ec4\u4ef6\u7ed3\u6784 \/ \u52a8\u753b\u5bf9\u9f50 partners.html\uff09 ===== *\/\n .sup__car {\n position: relative;\n margin: 0;\n }\n\n .sup__car-viewport {\n overflow: hidden;\n touch-action: pan-y;\n cursor: grab;\n }\n\n .sup__car-viewport:active {\n cursor: grabbing;\n }\n\n .sup__car-track {\n display: flex;\n flex-wrap: nowrap;\n align-items: stretch;\n will-change: transform;\n }\n\n \/* \u6bcf\u5f20\u5361\u5bbd\u5ea6 = 100% \/ \u53ef\u89c1\u5f20\u6570\uff08--per-view\uff1a\u672c\u9879\u76ee\u56fa\u5b9a 4\uff09 *\/\n .sup__slide {\n flex: 0 0 calc(100% \/ var(--per-view, 4));\n padding: 0 10px;\n min-width: 0;\n }\n\n \/* ===== \u5361\u7247\uff1a\u767d\u5e95 + 16px \u5706\u89d2\uff1b\u9ad8\u5ea6\u2248\u5bbd\u5ea61.2\uff08\u56fe\u7247\u533a\u7565\u9ad8\u4e00\u70b9\uff09 ===== *\/\n .sup__job {\n position: relative;\n display: flex;\n flex-direction: column;\n background: #FFFFFF;\n border-radius: 16px;\n overflow: hidden;\n aspect-ratio: 1 \/ 1.2;\n text-decoration: none;\n transition: transform 0.25s ease;\n }\n\n .sup__job:hover {\n transform: translateY(-4px);\n }\n\n \/* \u6587\u5b57\u533a\uff1a\u6807\u9898\u548c More \u6c34\u5e73\u5c45\u4e2d\uff1b\u5e95\u90e8\u7559\u5c11\u91cf\u7a7a\u9699\uff0c\u4ee4\u56fe\u7247\u7d27\u8d34\u6807\u9898 *\/\n .sup__job-body {\n padding: 16px 18px 6px;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n min-height: 64px;\n position: relative;\n z-index: 2;\n }\n\n .sup__job-name {\n font-size: 22px;\n font-weight: 700;\n color: #15395E;\n line-height: 1.3;\n text-align: center;\n transition: color 0.25s ease;\n }\n\n .sup__job:hover .sup__job-name {\n color: #4CC7C4;\n }\n\n \/* More \u94fe\u63a5 *\/\n .sup__job-more {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 7px;\n font-size: 20px;\n font-weight: 600;\n color: #4CC7C4;\n transition: gap 0.25s ease, color 0.25s ease;\n margin-top: 2px;\n }\n\n .sup__job-more:hover {\n color: #19A6A3;\n gap: 8px;\n }\n\n .sup__job-more svg {\n width: 19px;\n height: 19px;\n transition: transform 0.25s ease;\n flex-shrink: 0;\n }\n\n .sup__job-more:hover svg {\n transform: translateX(3px);\n }\n\n \/* \u56fe\u7247\u533a\uff1a\u5360\u636e\u5361\u7247\u5269\u4f59\u7a7a\u95f4\uff0c\u6574\u56fe\u94fa\u6ee1\uff08cover\uff09\uff0c\u5bbd\u5ea6\u586b\u6ee1\u3001\u4e0d\u7559\u5de6\u53f3\u7a7a\u767d *\/\n .sup__job-media {\n flex: 1;\n min-height: 0;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n\n .sup__job-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n \/* cover\uff1a\u6574\u56fe\u653e\u5927\u94fa\u6ee1\u56fe\u7247\u533a\uff0c\u6a2a\u5411\u586b\u6ee1\u5361\u7247\uff0c\u4e0a\u4e0b\u6309\u5361\u7247\u6bd4\u4f8b\u88c1\u8fb9 *\/\n object-position: center;\n display: block;\n \/* \u52a0\u8f7d\u5b8c\u6210\u524d\u9690\u85cf\u3001\u5b8c\u6210\u540e\u6de1\u5165\uff0c\u6d88\u9664\u52a0\u8f7d\u660e\u6697\u7a81\u53d8\uff08\u4e0d\u8bbe\u80cc\u666f\uff0c\u907f\u514d\u5272\u88c2\u6210\u8272\u5757\uff09 *\/\n opacity: 0;\n transition: transform 0.35s ease, opacity 0.5s ease;\n }\n\n .sup__job-img.is-loaded {\n opacity: 1;\n }\n\n .sup__job:hover .sup__job-img {\n transform: scale(1.04);\n }\n\n \/* ===== \u6307\u793a\u6761\uff08\u6a2a\u5411\u80f6\u56ca\uff0c\u5bf9\u9f50 partners.html\uff09 ===== *\/\n .sup__car-dots {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n margin-top: 26px;\n }\n\n .sup__dot {\n width: 26px;\n height: 4px;\n padding: 0;\n border: 0;\n border-radius: 999px;\n background: rgba(21, 57, 94, 0.18);\n cursor: pointer;\n transition: background 0.25s ease, width 0.25s ease;\n }\n\n .sup__dot--active {\n background: #4CC7C4;\n }\n\n \/* ===== WP \u4e3b\u9898\u6837\u5f0f\u9632\u5fa1\uff1a\u6307\u793a\u6761\u5706\u70b9\u6309\u94ae =====\n WP \u5168\u5c40\u5e38\u5bf9 button \u7684 :hover \/ :active \/ :focus \u8bbe\u7f6e\u80cc\u666f\uff08\u672c\u4e3b\u9898\u4e3a\u7ea2\u8272\uff09\uff0c\n \u9700\u663e\u5f0f\u58f0\u660e\u80cc\u666f\u5e76\u52a0 !important \u624d\u80fd\u538b\u8fc7\u6e17\u900f\uff0c\u907f\u514d\u5706\u70b9\u88ab\"\u6fc0\u6d3b\"\u65f6\u53d8\u7ea2\u3002 *\/\n .sup .sup__dot,\n .sup .sup__dot:link,\n .sup .sup__dot:visited,\n .sup .sup__dot:hover,\n .sup .sup__dot:active,\n .sup .sup__dot:focus {\n background: rgba(21, 57, 94, 0.18) !important;\n border: 0 !important;\n box-shadow: none !important;\n transform: none !important;\n opacity: 1 !important;\n }\n\n .sup .sup__dot--active,\n .sup .sup__dot--active:link,\n .sup .sup__dot--active:visited,\n .sup .sup__dot--active:hover,\n .sup .sup__dot--active:active,\n .sup .sup__dot--active:focus {\n background: #4CC7C4 !important;\n }\n\n .sup .sup__dot:focus-visible {\n outline: 2px solid #4CC7C4 !important;\n outline-offset: 2px !important;\n }\n\n \/* ===== \u65e0\u969c\u788d\uff1a\u5173\u95ed\u52a8\u6548 ===== *\/\n @media (prefers-reduced-motion: reduce) {\n\n .sup__job,\n .sup__job-img,\n .sup__job-more,\n .sup__job-more svg,\n .sup__dot {\n transition: none;\n }\n\n .sup__job:hover {\n transform: none;\n }\n\n .sup__car-track {\n transition: none !important;\n }\n\n \/* \u51cf\u5f31\u52a8\u6001\uff1a\u5173\u95ed\u6de1\u5165\uff0c\u56fe\u7247\u76f4\u63a5\u663e\u793a *\/\n .sup__job-img {\n opacity: 1;\n }\n }\n\n \/* ===== WordPress \u4e3b\u9898\u6837\u5f0f\u9632\u5fa1 ===== *\/\n .sup .sup__job,\n .sup .sup__job:link,\n .sup .sup__job:visited,\n .sup .sup__job:hover,\n .sup .sup__job:active {\n font-family: \"Montserrat\", sans-serif !important;\n background: #FFFFFF !important;\n border-radius: 16px !important;\n border: 0 !important;\n box-shadow: none !important;\n text-decoration: none !important;\n display: flex !important;\n flex-direction: column !important;\n overflow: hidden !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n\n .sup .sup__job-body {\n padding: 16px 18px 6px !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n }\n\n .sup .sup__job-name {\n font-family: \"Montserrat\", sans-serif !important;\n font-size: 21px !important;\n font-weight: 700 !important;\n color: #15395E !important;\n padding: 0 !important;\n border: 0 !important;\n background: transparent !important;\n }\n\n .sup .sup__job-more,\n .sup .sup__job-more:link,\n .sup .sup__job-more:visited {\n font-family: \"Montserrat\", sans-serif !important;\n font-size: 20px !important;\n font-weight: 600 !important;\n color: #4CC7C4 !important;\n text-decoration: none !important;\n background: transparent !important;\n border: 0 !important;\n box-shadow: none !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n\n .sup .sup__job-more:hover,\n .sup .sup__job-more:active {\n color: #19A6A3 !important;\n }\n\n \/* \u56fe\u7247\u533a\uff1a\u9501\u5b9a\u5360\u6ee1\u5bb9\u5668\uff0c\u9632\u6b62 WP \u4e3b\u9898\u8986\u76d6\u5e03\u5c40 *\/\n .sup .sup__job-media {\n overflow: hidden !important;\n background: transparent !important;\n }\n\n .sup .sup__job-img {\n max-width: 100% !important;\n height: 100% !important;\n border: 0 !important;\n border-radius: 0 !important;\n }\n <\/style>\n<\/head>\n\n<body>\n\n <div class=\"sup\">\n <div class=\"sup__car\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Support roles\">\n <div class=\"sup__car-viewport\">\n <div class=\"sup__car-track\"><\/div>\n <\/div>\n <div class=\"sup__car-dots\" aria-label=\"Choose a role\"><\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ ============================================================\n \/\/ \u652f\u6301\u9875 \u00b7 \u7edf\u4e00\u914d\u7f6e\u5165\u53e3\uff08SEO \u7ef4\u62a4\u533a\uff09\n \/\/ \u65b0\u589e\u89d2\u8272\uff1a\u5728 SUPPORT_CONFIG.jobs \u6570\u7ec4\u52a0\u4e00\u9879\u5373\u53ef\uff0c\u65e0\u9700\u6539 HTML\u3002\n \/\/ \u8f6e\u64ad\u9ed8\u8ba4\u4e00\u6b21\u663e\u793a 4 \u5f20\uff08--per-view: 4\uff09\uff0c\u5de6\u53f3\u62d6\u62fd + \u81ea\u52a8\u8f6e\u64ad + \u65e0\u7f1d\u5faa\u73af\uff0c\n \/\/ \u7ec4\u4ef6\u7ed3\u6784\u4e0e\u52a8\u753b\u5bf9\u9f50 products\/mpers\/partners.html\u3002\n \/\/ \u6bcf\u5f20\u5361\u7247\u5b57\u6bb5\u8bf4\u660e\uff1a\n \/\/ text \u89d2\u8272\u540d\uff08\u6807\u9898\uff0c\u4e5f\u662f\u56fe\u7247 alt\uff09\n \/\/ url \uff08\u53ef\u9009\uff09\u8df3\u8f6c\u94fe\u63a5\uff1b\u7559\u7a7a \/ \u7701\u7565 \/ \"#\" \u65f6\u8be5\u5361\u6e32\u67d3\u4e3a\u666e\u901a\u533a\u5757\uff0c\u4e0d\u8df3\u8f6c\n \/\/ image \u89d2\u8272\u56fe\u7247\u5730\u5740\n \/\/ moreText \u53f3\u4e0b\u89d2 \"More\" \u6587\u6848\uff08\u53ef\u9009\uff0c\u9ed8\u8ba4 More\uff09\n \/\/ blank \u662f\u5426\u65b0\u7a97\u53e3\u6253\u5f00\uff08\u53ef\u9009\uff0c\u9ed8\u8ba4 true\uff09\n \/\/ ============================================================\n var SUPPORT_CONFIG = {\n carousel: {\n auto: true,\n interval: 4200 \/* \u81ea\u52a8\u8f6e\u64ad\u95f4\u9694\uff08\u6beb\u79d2\uff09\uff1bfalse \u5173\u95ed\u81ea\u52a8 *\/\n },\n perView: 4,\n jobs: [\n {\n text: \"Elderly Care (Telecare)\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35894.png\",\n moreText: \"More\",\n blank: true,\n url: \"https:\/\/www.eviewconnect.com\/the-elderly\/\",\n },\n {\n text: \"Patients\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35946-1.png\",\n moreText: \"More\",\n blank: true,\n url: \"https:\/\/www.eviewconnect.com\/rpm\/\",\n },\n {\n text: \"Lone Worker Safety\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35893.png\",\n moreText: \"More\",\n blank: true,\n url: \"https:\/\/www.eviewconnect.com\/loneworker\/\",\n },\n {\n text: \"Child Safety\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35891.png\",\n moreText: \"More\",\n blank: true,\n url: \"https:\/\/www.eviewconnect.com\/children-safe\/\",\n },\n {\n text: \"Disabled people\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35947-1.png\",\n moreText: \"More\",\n blank: true,\n url: \"https:\/\/www.eviewconnect.com\/rpm\/\",\n }\n ]\n };\n\n \/\/ \u9996\u5c4f\u9996\u56fe\u9884\u52a0\u8f7d\uff1a\u63d0\u524d\u53d1\u8d77\u7b2c\u4e00\u5f20\u8bf7\u6c42\uff0c\u52a0\u901f LCP\uff08\u5bf9\u9f50 oem.html \u505a\u6cd5\uff09\n (function () {\n var first = SUPPORT_CONFIG.jobs && SUPPORT_CONFIG.jobs[0];\n if (first && first.image) {\n var l = document.createElement(\"link\");\n l.rel = \"preload\";\n l.as = \"image\";\n l.href = first.image;\n document.head.appendChild(l);\n }\n })();\n\n (function () {\n function mpersSupportInit() {\n \/\/ \u4f18\u5148\u4ece\u5f53\u524d <script> \u5c31\u8fd1\u627e .sup \u5bb9\u5668\uff1b\u627e\u4e0d\u5230\u518d\u5168\u5c40\u515c\u5e95\u3002\n \/\/ \u7528\u7c7b\u540d\u800c\u975e\u56fa\u5b9a ID\uff0c\u907f\u514d WP\/Elementor \u51c0\u5316\u6216\u5d4c\u5957\u65f6 ID \u88ab\u6539\u3001\u5bb9\u5668\u88ab\u5265\u3002\n var root = (document.currentScript && document.currentScript.closest(\".sup\"))\n || document.querySelector(\".sup\");\n if (!root) return;\n var car = root.querySelector(\".sup__car\");\n var viewport = car && car.querySelector(\".sup__car-viewport\");\n var track = car && car.querySelector(\".sup__car-track\");\n var dotsWrap = car && car.querySelector(\".sup__car-dots\");\n var cards = SUPPORT_CONFIG.jobs || [];\n if (!car || !viewport || !track || !cards.length) return;\n\n var realLen = cards.length;\n var carConf = SUPPORT_CONFIG.carousel || {};\n var AUTOPLAY = carConf.interval || 4200;\n var AUTO = carConf.auto !== false;\n var REDUCE = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n var index = 0; \/\/ \u5f53\u524d\u5728\u300c\u514b\u9686\u6269\u5c55\u8f68\u9053\u300d\u4e2d\u7684\u4f4d\u7f6e\n var perView = SUPPORT_CONFIG.perView || 4;\n var clones = 0;\n var slideW = 0;\n var timer = null;\n var hoverPaused = false;\n var dragging = false, startX = 0, deltaX = 0;\n\n function esc(s) {\n return String(s).replace(\/[\"&<>]\/g, function (ch) {\n return { '\"': \""\", \"&\": \"&\", \"<\": \"<\", \">\": \">\" }[ch];\n });\n }\n\n \/\/ \u5361\u7247\u751f\u6210\uff1a\u9ed8\u8ba4\u5148\u51fa\u73b0\u9aa8\u67b6\u5c4f\uff0c\u56fe\u7247\u52a0\u8f7d\u5b8c\u6210\u52a0 is-loaded \u6de1\u5165\uff1b\u5931\u8d25\u52a0 is-error \u63d0\u793a\n \/\/ eager\uff1a\u9996\u5c4f\u771f\u5b9e\u53ef\u89c6\u56fe\uff08clones \u8d77\u59cb\u7684 perView \u5f20\uff09\u7528 eager + \u9ad8\u4f18\uff0c\u5176\u4f59 lazy\uff0c\u52a9 LCP\n function cardHtml(j, eager) {\n \/\/ \u6709\u771f\u5b9e url \u624d\u6e32\u67d3\u6210\u53ef\u70b9\u51fb\u5361\u7247\uff1burl \u4e3a\u7a7a \/ \u7701\u7565 \/ \"#\" \u65f6\u6e32\u67d3\u4e3a\u666e\u901a div\uff0c\u4e0d\u8df3\u8f6c\u3001\u65e0\u5176\u4ed6\u903b\u8f91\n var url = String(j.url || \"\").trim();\n var isLink = url && url !== \"#\";\n var blank = j.blank !== false ? ' target=\"_blank\" rel=\"noopener\"' : '';\n var ariaAttr = ' aria-label=\"' + esc(j.text) + '\"';\n var open = isLink\n ? '<a class=\"sup__job\" href=\"' + esc(url) + '\"' + blank + ariaAttr + ' role=\"link\">'\n : '<div class=\"sup__job\"' + ariaAttr + '>';\n var close = isLink ? '<\/a>' : '<\/div>';\n var load = eager\n ? ' loading=\"eager\" fetchpriority=\"high\"'\n : ' loading=\"lazy\" fetchpriority=\"low\"';\n return open\n + '<div class=\"sup__job-body\">'\n + '<span class=\"sup__job-name\">' + esc(j.text) + '<\/span>'\n + '<span class=\"sup__job-more\">' + (j.moreText || \"More\") + ' '\n + '<svg width=\"14\" height=\"14\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\"><path d=\"M6 2L15 10L6 18\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>'\n + '<\/span>'\n + '<\/div>'\n + '<div class=\"sup__job-media\"><img class=\"sup__job-img\" src=\"' + esc(j.image) + '\" alt=\"' + esc(j.text) + '\"' + load + ' decoding=\"async\" \/><\/div>'\n + close;\n }\n\n \/\/ \u9010\u5f20\u76d1\u542c\u56fe\u7247\u52a0\u8f7d\uff1a\u5b8c\u6210\u52a0 is-loaded\uff08\u6de1\u5165\uff09\u3001\u5931\u8d25\u7ed9\u5a92\u4f53\u76d2\u52a0 is-error\n function wireImages() {\n var imgs = track.querySelectorAll(\".sup__job-img\");\n Array.prototype.forEach.call(imgs, function (img) {\n var media = img.parentNode;\n function ok() {\n img.classList.add(\"is-loaded\");\n img.classList.remove(\"is-error\");\n media.classList.remove(\"is-error\");\n }\n function err() {\n media.classList.add(\"is-error\");\n }\n img.addEventListener(\"load\", ok);\n img.addEventListener(\"error\", err);\n \/\/ \u5df2\u7f13\u5b58\uff1a\u540c\u6b65\u8bfb\u53d6\u5b8c\u6210\u72b6\u6001\uff0c\u907f\u514d\u6f0f\u6389\u65e9\u5df2\u52a0\u8f7d\u5b8c\u7684\u56fe\n if (img.complete) {\n (img.naturalWidth > 0 ? ok : err)();\n }\n });\n }\n\n function activeIndex() {\n return ((index - clones) % realLen + realLen) % realLen;\n }\n\n function trackTransform() {\n return \"translateX(\" + (-(index * slideW) + (dragging ? deltaX : 0)) + \"px)\";\n }\n\n function render(animate) {\n track.style.transition = (animate && !REDUCE)\n ? \"transform 0.55s cubic-bezier(0.4, 0, 0.2, 1)\"\n : \"none\";\n track.style.transform = trackTransform();\n }\n\n function updateDots() {\n if (!dotsWrap) return;\n var active = activeIndex();\n for (var i = 0; i < dotsWrap.children.length; i++) {\n var el = dotsWrap.children[i];\n el.className = \"sup__dot\" + (i === active ? \" sup__dot--active\" : \"\");\n if (i === active) { el.setAttribute(\"aria-current\", \"true\"); }\n else { el.removeAttribute(\"aria-current\"); }\n }\n }\n\n function snapClones() {\n \/\/ \u52a8\u753b\u843d\u8fdb\u300c\u514b\u9686\u533a\u300d\uff08\u9996\u5c3e\uff09\u540e\uff0c\u539f\u4f4d\u77ac\u79fb\u5230\u5bf9\u5e94\u7684\u771f\u5b9e\u5361\u7247\uff0c\u5b9e\u73b0\u65e0\u7f1d\u5faa\u73af\n if (index < clones) {\n index += realLen;\n } else if (index >= clones + realLen) {\n index -= realLen;\n }\n }\n\n function onTransitionEnd() {\n var before = index;\n snapClones();\n if (before !== index) render(false);\n updateDots();\n }\n\n \/\/ \u54cd\u5e94\u53ef\u89c1\u5f20\u6570\uff1a\u684c\u9762\u9ed8\u8ba4 4\uff08\u53ef\u88ab SUPPORT_CONFIG.perView \u8986\u76d6\uff09\uff0c\u5e73\u677f 2\u3001\u624b\u673a 1\n function perViewFor() {\n var w = window.innerWidth || document.documentElement.clientWidth;\n if (w < 640) return 1;\n if (w < 1024) return 2;\n return SUPPORT_CONFIG.perView || 4;\n }\n\n function go(dir) {\n index += dir;\n render(true);\n \/\/ \u624b\u52a8\u5207\u6362\u540e\u91cd\u7f6e\u81ea\u52a8\u8ba1\u65f6\uff0c\u907f\u514d\u521a\u5207\u5c31\u88ab\u81ea\u52a8\u63a5\u7ba1\n startAuto();\n }\n\n function build() {\n perView = perViewFor();\n var c = Math.max(1, Math.min(perView, realLen - 1));\n clones = c;\n car.style.setProperty(\"--per-view\", perView);\n\n var prepend = [], append = [];\n if (realLen > perView) {\n prepend = cards.slice(realLen - c);\n append = cards.slice(0, c);\n }\n var arr = prepend.concat(cards).concat(append);\n var html = \"\";\n for (var i = 0; i < arr.length; i++) {\n \/\/ \u9996\u5c4f\u771f\u5b9e\u53ef\u89c6\u533a\uff1aclones \u8d77\u59cb\u7684 perView \u5f20\uff08\u542b\u540e\u7eed\u65e0\u7f1d\u5faa\u73af\u7684\u514b\u9686\uff09\u7528 eager\n var eager = i >= clones && i < clones + Math.min(perView, realLen);\n html += '<div class=\"sup__slide\">' + cardHtml(arr[i], eager) + '<\/div>';\n }\n track.innerHTML = html;\n\n \/\/ \u9010\u5f20\u76d1\u542c\u52a0\u8f7d\uff1a\u5b8c\u6210\u52a0 is-loaded \u6de1\u5165\u3001\u5931\u8d25\u7ed9\u5a92\u4f53\u76d2\u52a0 is-error \u5360\u4f4d\n wireImages();\n\n var dhtml = \"\";\n for (var d = 0; d < realLen; d++) {\n dhtml += '<button class=\"sup__dot\" type=\"button\" aria-label=\"Go to role ' + (d + 1) + '\"><\/button>';\n }\n if (dotsWrap) dotsWrap.innerHTML = dhtml;\n\n index = clones; \/\/ \u843d\u5728\u7b2c\u4e00\u5f20\u771f\u5b9e\u5361\u7247\n measure();\n }\n\n function measure() {\n slideW = track.children[0] ? track.children[0].getBoundingClientRect().width\n : viewport.clientWidth \/ perView;\n render(false);\n updateDots();\n }\n\n function startAuto() {\n stopAuto();\n if (REDUCE || AUTO === false) return;\n if (realLen <= perView) return; \/\/ \u5168\u90e8\u53ef\u89c1\uff0c\u65e0\u9700\u8f6e\u64ad\n timer = setInterval(function () {\n if (!dragging && !hoverPaused) go(1);\n }, AUTOPLAY);\n }\n\n function stopAuto() {\n if (timer) { clearInterval(timer); timer = null; }\n }\n\n \/\/ ===== \u4e8b\u4ef6 =====\n car.addEventListener(\"mouseenter\", function () { hoverPaused = true; });\n car.addEventListener(\"mouseleave\", function () { hoverPaused = false; });\n \/\/ \u805a\u7126\u5230\u6307\u793a\u70b9\u65f6\u6682\u505c\u81ea\u52a8\u8f6e\u64ad\uff0c\u907f\u514d\u7528\u6237\u6b63\u5728\u9009\u62e9\u5374\u88ab\u81ea\u52a8\u5207\u8d70\n car.addEventListener(\"focusin\", function () { hoverPaused = true; });\n car.addEventListener(\"focusout\", function () { hoverPaused = false; });\n\n if (dotsWrap) {\n dotsWrap.addEventListener(\"click\", function (e) {\n var dot = e.target.closest(\".sup__dot\");\n if (!dot) return;\n var idx = Array.prototype.indexOf.call(dotsWrap.children, dot);\n index = clones + idx;\n render(true);\n startAuto();\n });\n }\n\n track.addEventListener(\"transitionend\", function (e) {\n if (e.propertyName === \"transform\") onTransitionEnd();\n });\n\n \/\/ ===== \u62d6\u62fd \/ \u89e6\u6478\u6ed1\u52a8\uff08\u5de6\u53f3\uff09 =====\n viewport.addEventListener(\"pointerdown\", function (e) {\n if (e.pointerType === \"mouse\" && e.button !== 0) return;\n dragging = true;\n startX = e.clientX;\n deltaX = 0;\n track.style.transition = \"none\";\n });\n\n window.addEventListener(\"pointermove\", function (e) {\n if (!dragging) return;\n deltaX = e.clientX - startX;\n track.style.transform = \"translateX(\" + (-(index * slideW) + deltaX) + \"px)\";\n });\n\n window.addEventListener(\"pointerup\", function () {\n if (!dragging) return;\n dragging = false;\n if (deltaX < -42) { go(1); }\n else if (deltaX > 42) { go(-1); }\n else { render(true); }\n });\n\n viewport.addEventListener(\"pointercancel\", function () {\n dragging = false;\n render(true);\n });\n\n \/\/ ===== \u7a97\u53e3\u5c3a\u5bf8\u53d8\u5316\u65f6\u4ec5\u91cd\u7b97\u8f68\u9053\u5bbd\u5ea6\uff08\u53ef\u89c1\u5f20\u6570\u56fa\u5b9a\uff0c\u65e0\u9700\u91cd\u5efa\uff09 =====\n var rt = null;\n window.addEventListener(\"resize\", function () {\n clearTimeout(rt);\n rt = setTimeout(function () {\n \/\/ \u8de8\u8d8a\u65ad\u70b9\uff1a\u91cd\u5efa\u8f68\u9053\uff1b\u5426\u5219\u4ec5\u91cd\u7b97\u5bbd\u5ea6\n if (perViewFor() !== perView) {\n build();\n } else {\n measure();\n }\n }, 120);\n });\n\n \/\/ ===== \u521d\u59cb\u5316 =====\n build();\n startAuto();\n }\n\n \/\/ WP \/ Elementor \u4f1a\u628a\u81ea\u5b9a\u4e49 HTML \u7684 <script> \u632a\u52a8\u6216\u5ef6\u540e\uff0cDOM \u53ef\u80fd\u5c1a\u672a\u5c31\u7eea\uff0c\n \/\/ \u5bfc\u81f4 mpersSupportInit \u91cc\u67e5\u4e0d\u5230 .sup \u800c\u63d0\u524d return\u3002\u8fd9\u91cc\u7528 DOMContentLoaded\n \/\/ \u5b88\u536b\uff0c\u786e\u4fdd\u5361\u7247\u6240\u5c5e\u5bb9\u5668\u5c31\u7eea\u540e\u518d\u521d\u59cb\u5316\u4e00\u6b21\uff08\u5177\u540d\u51fd\u6570\uff0c\u53ef\u5b89\u5168\u91cd\u590d\u8c03\u7528\uff09\u3002\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", function () { mpersSupportInit(); });\n } else {\n mpersSupportInit();\n }\n })();\n <\/script>\n\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d713be7 e-flex e-con-boxed e-con e-parent\" data-id=\"d713be7\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61b3c44 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"61b3c44\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <title>mPERS Products<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\n <style>\n body {\n margin: 0;\n }\n\n .mpers-page {\n background: transparent\n }\n <\/style>\n <style>\n .mpers-product,\n .mpers-product *,\n .mpers-product *::before,\n .mpers-product *::after {\n box-sizing: border-box;\n }\n\n .mpers-product {\n width: 100%;\n margin: 0;\n padding: 0;\n font-family: \"Montserrat\", Arial, sans-serif;\n color: #15395E;\n }\n\n .mpers-product .mpers-grid {\n display: grid;\n gap: 20px;\n width: 100%;\n }\n\n \/* \u6bcf\u6392\u4e00\u4e2a .mpers-grid\uff0c\u5217\u6570\u7531 JS \u901a\u8fc7 --cols \u53d8\u91cf\u63a7\u5236\uff08\u9ed8\u8ba4 2\uff09\uff0c\u8fd0\u884c\u65f6\u7528 MPERS_LAYOUT.rows \u8986\u76d6 *\/\n .mpers-product .mpers-grid {\n grid-template-columns: repeat(var(--cols, 2), 1fr);\n }\n\n \/* \u591a\u6392\u4e4b\u95f4\u7684\u95f4\u8ddd\uff08\u7b2c\u4e00\u6392\u4e0d\u52a0\uff09 *\/\n .mpers-product .mpers-grid + .mpers-grid {\n margin-top: 20px;\n }\n\n .mpers-product .mpers-card {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n min-height: 0;\n border-radius: 32px;\n overflow: hidden;\n background: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 0%, #DFEFFF 100%);\n opacity: 1;\n cursor: pointer;\n transition: box-shadow 0.35s ease, transform 0.35s ease;\n }\n\n .mpers-product .mpers-card:hover {\n box-shadow: 0 18px 42px rgba(27, 59, 100, 0.18);\n transform: translateY(-3px);\n }\n\n .mpers-product .mpers-card__media {\n position: relative;\n display: block;\n width: 100%;\n height: 320px;\n line-height: 0;\n margin: 8px auto 0;\n }\n\n \/* \u6bcf\u6392\u6309\u5217\u6570\u81ea\u52a8\u9002\u914d\uff1a1 \u5217 = \u6574\u5e45\u5927\u5361\uff08\u56fe\u66f4\u5927\u3001\u6807\u9898\u66f4\u5927\uff09\uff0c3 \u5217\u53ca\u4ee5\u4e0a = \u7d27\u51d1\u5361 *\/\n .mpers-product .mpers-grid[data-cols=\"1\"] .mpers-card__media {\n height: 400px;\n margin: 12px auto 24px;\n }\n\n .mpers-product .mpers-grid[data-cols=\"1\"] .mpers-card__title {\n font-size: 52px;\n }\n\n .mpers-product .mpers-grid[data-cols=\"2\"] .mpers-card__media {\n margin-bottom: 30px;\n }\n\n .mpers-product .mpers-grid[data-cols=\"3\"] .mpers-card__title {\n font-size: 34px;\n }\n\n .mpers-product .mpers-grid[data-cols=\"3\"] .mpers-card__media {\n height: 300px;\n margin-bottom: 24px;\n }\n\n .mpers-product .mpers-card__media img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: contain;\n \/* \u5b8c\u6574\u5c55\u793a\u4ea7\u54c1\u56fe\uff0c\u4e0d\u88c1\u5207 *\/\n object-position: center;\n border: 0;\n border-radius: 24px;\n transition: transform 0.42s ease, opacity 0.42s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n \/* \u4ea7\u54c1\u56fe\uff1a\u52a0\u8f7d\u5b8c\u6210\u524d\u900f\u660e\uff08\u900f\u51fa\u5361\u7247\u80cc\u666f\uff09\uff0c\u5b8c\u6210\u540e\u6de1\u5165 *\/\n .mpers-product .mpers-img--base {\n opacity: 0;\n }\n\n .mpers-product .mpers-img--base.is-loaded {\n opacity: 1;\n }\n\n \/* \u989c\u8272\u5207\u6362\u53e0\u52a0\u5c42\uff1a\u5e38\u9a7b\u5e95\u5c42\u4e4b\u4e0a\uff0c\u4ec5\u5207\u6362\u77ac\u95f4\u7528\uff0c\u5e73\u65f6\u9690\u85cf *\/\n .mpers-product .mpers-img--swap {\n z-index: 1;\n opacity: 0;\n pointer-events: none;\n }\n\n \/* ===== \u989c\u8272\u5207\u6362\u8272\u70b9\uff08\u56fe\u7247\u533a\u53f3\u4e0b\uff0c\u5185\u8fb9\u8ddd\u7559\u767d\u4e0d\u8d34\u8fb9\uff09 ===== *\/\n .mpers-product .mpers-colors {\n position: absolute;\n right: 36px;\n bottom: 26px;\n z-index: 3;\n display: flex;\n gap: 8px;\n line-height: 0;\n }\n\n .mpers-product .mpers-color {\n width: 18px;\n height: 18px;\n padding: 0;\n border: 2px solid rgba(255, 255, 255, 0.9);\n border-radius: 50%;\n cursor: pointer;\n box-shadow: 0 1px 4px rgba(27, 59, 100, 0.2);\n transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\n }\n\n .mpers-product .mpers-color:hover {\n transform: scale(1.12);\n }\n\n .mpers-product .mpers-color--active {\n border-color: rgba(21, 57, 94, 0.42);\n box-shadow: 0 0 0 2px rgba(21, 57, 94, 0.14);\n }\n\n \/* ===== \u952e\u76d8\u7126\u70b9\uff1a\u8272\u70b9\u53ef\u89c1 focus \u73af ===== *\/\n .mpers-product .mpers-color:focus-visible {\n outline: 2px solid rgba(21, 57, 94, 0.55);\n outline-offset: 2px;\n }\n\n \/* ===== \u56fe\u7247\u52a0\u8f7d\u5931\u8d25\u5360\u4f4d\uff08\u54c1\u724c\u6a21\u578b\u540d\uff0c\u56fe\u6b63\u5e38\u540e\u9690\u85cf\uff09 ===== *\/\n .mpers-product .mpers-img-fallback {\n position: absolute;\n inset: 0;\n z-index: 2;\n display: none;\n align-items: center;\n justify-content: center;\n background: #fff;\n border-radius: 24px;\n color: rgba(21, 57, 94, 0.4);\n font-weight: 600;\n font-size: 20px;\n letter-spacing: 0.04em;\n }\n\n \/* ===== \u51cf\u5c11\u52a8\u6548\uff1a\u5173\u95ed\u6de1\u5165\u6de1\u51fa\u4e0e\u5168\u90e8 hover \u4f4d\u79fb ===== *\/\n @media (prefers-reduced-motion: reduce) {\n\n .mpers-product .mpers-card__media img,\n .mpers-product .mpers-card,\n .mpers-product .mpers-card__title,\n .mpers-product .mpers-card__sub,\n .mpers-product .mpers-more svg,\n .mpers-product .mpers-color {\n transition: none;\n }\n\n .mpers-product .mpers-img--base {\n opacity: 1;\n }\n\n .mpers-product .mpers-card:hover,\n .mpers-product .mpers-card:hover .mpers-card__media img,\n .mpers-product .mpers-card:hover .mpers-card__title,\n .mpers-product .mpers-card:hover .mpers-card__sub,\n .mpers-product .mpers-more:hover svg,\n .mpers-product .mpers-color:hover {\n transform: none;\n }\n }\n\n .mpers-product .mpers-card:hover .mpers-card__media img {\n transform: scale(1.03);\n }\n\n .mpers-product .mpers-card__body {\n position: relative;\n z-index: 2;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 10px;\n padding: 28px 24px 4px;\n width: 100%;\n }\n\n .mpers-product .mpers-card__title {\n margin: 0;\n font-size: 42px;\n font-weight: 700;\n line-height: 1.2;\n color: #15395E;\n opacity: 1;\n transition: transform 0.3s ease;\n }\n\n .mpers-product .mpers-card:hover .mpers-card__title {\n transform: translateY(-3px);\n }\n\n .mpers-product .mpers-card__sub {\n margin: 0;\n padding: 0;\n font-size: 18px;\n font-weight: 600;\n line-height: 1.4;\n color: #15395E;\n opacity: 1;\n transition: transform 0.3s ease;\n }\n\n .mpers-product .mpers-card:hover .mpers-card__sub {\n transform: translateY(-2px);\n }\n\n .mpers-product .mpers-more {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n margin-top: 4px;\n font-size: 18px;\n font-weight: 600;\n line-height: 1.2;\n color: #4CC7C4;\n text-decoration: none;\n opacity: 1;\n transition: color 0.25s ease;\n }\n\n .mpers-product .mpers-more:hover {\n color: #19A6A3;\n }\n\n .mpers-product .mpers-more svg {\n display: block;\n width: 16px;\n height: 16px;\n transition: transform 0.3s ease;\n }\n\n .mpers-product .mpers-more:hover svg {\n transform: translateX(6px);\n }\n\n .mpers-product .mpers-more svg path {\n transition: stroke 0.25s ease;\n }\n\n .mpers-product .mpers-more:hover svg path {\n stroke: #19A6A3;\n }\n\n @media (max-width: 800px) {\n .mpers-product {\n padding: 0 16px 20px;\n }\n\n .mpers-product .mpers-grid {\n grid-template-columns: 1fr;\n }\n\n .mpers-product .mpers-grid + .mpers-grid {\n margin-top: 16px;\n }\n\n \/* \u79fb\u52a8\u7aef\u7edf\u4e00\uff1a\u6240\u6709\u6392\u90fd\u5806\u53e0\u6210\u4e00\u5f20\u5361\uff0c\u5c3a\u5bf8\u4e00\u81f4\uff08\u542b\u5927\u5361\uff09 *\/\n .mpers-product .mpers-grid[data-cols] .mpers-card__media {\n width: 92%;\n height: 240px;\n }\n\n .mpers-product .mpers-grid[data-cols] .mpers-card__title {\n font-size: 30px;\n }\n\n .mpers-product .mpers-card__sub {\n font-size: 15px;\n }\n\n .mpers-product .mpers-more {\n font-size: 16px;\n }\n }\n\n @media (max-width: 480px) {\n\n .mpers-product .mpers-grid[data-cols] .mpers-card__title {\n font-size: 24px;\n }\n\n .mpers-product .mpers-card__sub {\n font-size: 14px;\n }\n\n .mpers-product .mpers-more {\n font-size: 15px;\n }\n\n .mpers-product .mpers-grid[data-cols] .mpers-card__media {\n height: 200px;\n }\n\n .mpers-product .mpers-card:hover {\n transform: none;\n box-shadow: none;\n }\n\n .mpers-product .mpers-card:hover .mpers-card__media img {\n transform: scale(1);\n }\n }\n <\/style>\n <style>\n html,\n body {\n margin: 0;\n padding: 0\n }\n <\/style>\n<\/head>\n\n<body>\n <section class=\"mpers-page\">\n \n\n <div class=\"mpers-product\"><\/div>\n\n <script>\n \/\/ ===== \u5e03\u5c40\u53c2\u6570\uff1a\u6bcf\u6392\u51e0\u5217\uff08\u5361\u6309\u6570\u7ec4\u987a\u5e8f\u586b\u6ee1\u6bcf\u4e00\u6392\uff09=====\n \/\/ 1 \u5217 \u2192 \u8be5\u6392\u53ea\u6709 1 \u5f20\u5361\uff0c\u6574\u5e45\u300c\u5927\u5361\u300d\uff08\u56fe\u66f4\u5927\u3001\u6807\u9898\u66f4\u5927\uff09\n \/\/ N \u5217 \u2192 \u8be5\u6392\u6bcf\u884c N \u5f20\u666e\u901a\u5361\uff082 \u5217\u5e76\u6392 2 \u5f20\u30013 \u5217\u5e76\u6392 3 \u5f20\u2026\uff09\n \/\/ \u6392\u5b8c\u4e00\u6392\u81ea\u52a8\u6362\u4e0b\u4e00\u6392\uff1b\u67d0\u6392\u6570\u7528\u5b8c\u82e5\u8fd8\u6709\u5269\u5361\uff0c\u6309\u6700\u540e\u4e00\u6392\u5217\u6570\u7ee7\u7eed\u94fa\n var MPERS_LAYOUT = {\n rows: [1, 2] \/\/ \u7b2c 1 \u6392 1 \u5217\u5927\u5361\uff0c\u4e4b\u540e\u6bcf\u6392 2 \u5217\uff08\u591a\u51fa\u7684\u5361\u6309 2 \u5217\u7ee7\u7eed\u94fa\uff09\n };\n\n var MPERS_CARDS = [\n {\n title: \"W-101\",\n subtitle: \"OmniCare Smart Watch\",\n url: \"https:\/\/www.eviewconnect.com\/product\/ev-w101\/\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35912.png\", \n },\n {\n title: \"EV-05\",\n subtitle: \"Senior GPS Guardian Watch\",\n url: \"https:\/\/www.eviewconnect.com\/product\/ev-05\/\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35913.png\",\n },\n {\n title: \"EV-06\",\n subtitle: \"Pro-Level Medical Alert Smart Watch\",\n url: \"https:\/\/www.eviewconnect.com\/product\/ev-06\/\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35914.png\",\n variants: [\n { name: \"Black\", color: \"#FCF8E9\", image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35932.png\" },\n { name: \"Green\", color: \"#4E4F50\", image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35914.png\" },\n ],\n },\n ];\n\n \/\/ ===== \u5361\u7247\u6e32\u67d3\uff08\u6309 MPERS_LAYOUT.rows \u81ea\u52a8\u5206\u6392\uff09 =====\n (function () {\n var product = document.querySelector(\".mpers-product\");\n if (!product) return;\n var REDUCE = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n function esc(s) {\n return String(s).replace(\/[\"&<>]\/g, function (ch) {\n return { '\"': \""\", \"&\": \"&\", \"<\": \"<\", \">\": \">\" }[ch];\n });\n }\n\n function moreSvg() {\n return '<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M6 2L15 10L6 18\" stroke=\"#4CC7C4\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>';\n }\n\n \/\/ \u9ed8\u8ba4\u9009\u4e2d\u53d8\u4f53\u7684\u7d22\u5f15\uff1a\u53d6\u7b2c\u4e00\u5f20\u975e\u7a7a\u53d8\u4f53\u56fe\uff1b\u5168\u7a7a\u6216\u65e0\u53d8\u4f53\u8fd4\u56de -1\n function defaultIndex(c) {\n if (c.variants && c.variants.length) {\n for (var i = 0; i < c.variants.length; i++) {\n if (c.variants[i].image) return i;\n }\n }\n return -1;\n }\n\n \/\/ \u9ed8\u8ba4\u663e\u793a\u7684\u4ea7\u54c1\u56fe\uff1a\u4f18\u5148\u7b2c\u4e00\u5f20\u975e\u7a7a\u53d8\u4f53\u56fe\uff0c\u5426\u5219\u7528 image \u5b57\u6bb5\n function defaultImage(c) {\n var di = defaultIndex(c);\n if (di >= 0) return c.variants[di].image;\n return c.image || \"\";\n }\n\n \/\/ \u989c\u8272\u5207\u6362\u8272\u70b9\uff1a\u4ec5\u5f53\u8be5\u5361\u914d\u7f6e\u4e86 variants \u4e14\u67d0\u4e2a\u53d8\u4f53\u914d\u4e86 image \u624d\u6e32\u67d3\n \/\/ \uff08\u6ca1\u6709\u53d8\u4f53\u56fe\u65f6\u8272\u70b9\u70b9\u4e86\u4e5f\u4e0d\u4f1a\u5207\u6362\uff0c\u76f4\u63a5\u9690\u85cf\uff0c\u907f\u514d SEO \u56f0\u60d1\uff09\n function colorsHtml(c) {\n if (!c.variants || !c.variants.length) return \"\";\n var di = defaultIndex(c);\n if (di < 0) return \"\";\n var activeIdx = di;\n var out = '<div class=\"mpers-colors\" role=\"group\" aria-label=\"' + esc(c.title) + ' color\">';\n for (var i = 0; i < c.variants.length; i++) {\n var v = c.variants[i];\n out += '<button type=\"button\" class=\"mpers-color' + (i === activeIdx ? \" mpers-color--active\" : \"\") + '\"'\n + ' style=\"background:' + (v.color || \"#cfd8e3\") + '\"'\n + ' title=\"' + esc(v.name || \"\") + '\" aria-label=\"' + esc(v.name || \"\") + '\"'\n + ' data-src=\"' + esc(v.image || \"\") + '\"><\/button>';\n }\n return out + '<\/div>';\n }\n\n function cardHtml(c, isHero) {\n var blankAttr = c.blank !== false ? ' target=\"_blank\" rel=\"noopener\"' : \"\";\n var alt = c.alt || c.title;\n return '<div class=\"mpers-card\">'\n + '<div class=\"mpers-card__body\">'\n + '<h2 class=\"mpers-card__title\">' + esc(c.title) + '<\/h2>'\n + '<p class=\"mpers-card__sub\">' + esc(c.subtitle) + '<\/p>'\n + '<a class=\"mpers-more\" href=\"' + c.url + '\"' + blankAttr + '>More ' + moreSvg() + '<\/a>'\n + '<\/div>'\n + '<div class=\"mpers-card__media\">'\n + '<img class=\"mpers-img mpers-img--base\" src=\"' + esc(defaultImage(c)) + '\" alt=\"' + esc(alt) + '\" loading=\"' + (isHero ? \"eager\" : \"lazy\") + '\" fetchpriority=\"' + (isHero ? \"high\" : \"low\") + '\" decoding=\"async\" \/>'\n + '<img class=\"mpers-img mpers-img--swap\" alt=\"\" aria-hidden=\"true\" decoding=\"async\" \/>'\n + '<span class=\"mpers-img-fallback\" aria-hidden=\"true\">' + esc(c.title) + '<\/span>'\n + colorsHtml(c) + '<\/div>'\n + '<\/div>';\n }\n\n \/\/ \u628a\u5361\u7247\u6309 rows \u5206\u6210\u82e5\u5e72\u6392\uff1a\u6bcf\u6392\u6d88\u8017 rows[i] \u5f20\u5361\uff0c\u6392\u5b8c\u82e5\u8fd8\u6709\u5269\u5361\uff0c\u5219\u91cd\u590d\u6700\u540e\u4e00\u6392\u7684\u5217\u6570\n function splitRows(cards, rows) {\n var seg = rows && rows.length ? rows : [1, 2];\n var out = [];\n var i = 0;\n var k = 0;\n while (i < cards.length) {\n var cols = seg[k] || seg[seg.length - 1];\n var part = cards.slice(i, i + cols);\n if (!part.length) break;\n out.push({ cols: cols, cards: part });\n i += part.length;\n k++;\n }\n return out;\n }\n\n var cards = MPERS_CARDS.slice();\n var rows = splitRows(cards, MPERS_LAYOUT && MPERS_LAYOUT.rows);\n\n \/\/ \u6bcf\u6392\u751f\u6210\u4e00\u4e2a .mpers-grid\uff0c\u5217\u6570\u5199\u5165 data-cols + --cols\uff08\u54cd\u5e94\u5f0f\u65ad\u70b9\u91cc\u4f1a\u7528 1fr \u8986\u76d6\u5806\u53e0\uff09\n product.innerHTML = rows.map(function (row) {\n var isHero = row.cols === 1;\n return '<div class=\"mpers-grid\" data-cols=\"' + row.cols + '\" style=\"--cols:' + row.cols + '\">'\n + row.cards.map(function (c) { return cardHtml(c, isHero); }).join(\"\\n\")\n + '<\/div>';\n }).join(\"\\n\");\n\n \/\/ \u56fe\u7247\u52a0\u8f7d\u5931\u8d25 \u2192 \u54c1\u724c\u5360\u4f4d\uff1b\u52a0\u8f7d\u6210\u529f \u2192 \u6062\u590d\u56fe\u7247\n function wireImage(card) {\n var media = card.querySelector(\".mpers-card__media\");\n var img = media.querySelector(\".mpers-img--base\");\n var fb = media.querySelector(\".mpers-img-fallback\");\n if (!img || !fb) return;\n \/\/ \u6210\u529f\uff1a\u663e\u793a\u56fe\u7247 + \u7184\u706d\u9aa8\u67b6\u5c4f + \u6de1\u5165\uff1b\u5df2\u7f13\u5b58\u5219\u77ac\u65f6\u663e\u793a\uff08\u4e0d\u6de1\u5165\uff0c\u907f\u514d\u9996\u5c4f\u5361\u987f\uff09\n function showImg(alreadyCached) {\n img.style.display = \"block\";\n fb.style.display = \"none\";\n img.classList.add(\"is-loaded\");\n media.classList.add(\"is-loaded\");\n if (alreadyCached) {\n img.style.transition = \"none\";\n img.style.opacity = \"1\";\n void img.offsetWidth;\n img.style.transition = \"\";\n }\n }\n \/\/ \u5931\u8d25\uff1a\u663e\u793a\u54c1\u724c\u5360\u4f4d + \u7184\u706d\u9aa8\u67b6\u5c4f\n function showFb() {\n img.style.display = \"none\";\n fb.style.display = \"flex\";\n media.classList.add(\"is-loaded\");\n }\n img.addEventListener(\"load\", function () { showImg(false); });\n img.addEventListener(\"error\", showFb);\n if (img.complete) {\n if (img.naturalWidth) showImg(true); else showFb();\n }\n }\n\n var allCards = product.querySelectorAll(\".mpers-card\");\n for (var wi = 0; wi < allCards.length; wi++) wireImage(allCards[wi]);\n\n \/\/ \u9ad8\u4eae\u5f53\u524d\u8272\u70b9\n function highlight(btn, card) {\n var colors = card.querySelector(\".mpers-colors\");\n if (!colors) return;\n var btns = colors.querySelectorAll(\".mpers-color\");\n for (var i = 0; i < btns.length; i++) btns[i].classList.remove(\"mpers-color--active\");\n btn.classList.add(\"mpers-color--active\");\n }\n\n \/\/ \u9884\u52a0\u8f7d\u6240\u6709\u53d8\u4f53\u56fe\uff1a\u5207\u6362\u65f6\u514d\u53bb\u8054\u7f51\u52a0\u8f7d\u5ef6\u8fdf\uff0ccrossfade \u4e00\u89e6\u5373\u53d1\n var colorBtns = product.querySelectorAll(\".mpers-color[data-src]\");\n for (var pi = 0; pi < colorBtns.length; pi++) {\n var psrc = colorBtns[pi].getAttribute(\"data-src\");\n if (psrc) { var pre = new Image(); pre.src = psrc; }\n }\n\n \/\/ \u989c\u8272\u5207\u6362\uff1a\u9884\u52a0\u8f7d\u65b0\u56fe \u2192 \u4e0a\/\u4e0b\u4e24\u5c42\u4ea4\u53c9\u6e10\u53d8\uff08crossfade\uff09\n \/\/ \u52a8\u753b\u8fdb\u884c\u4e2d\u7684\u70b9\u51fb\u4e0d\u518d\u4e22\u5f03\uff1a\u6392\u8fdb card._pending\uff0c\u672c\u6b21\u7ed3\u675f\u7acb\u523b\u5207\u5230\u300c\u6700\u65b0\u70b9\u51fb\u300d\u7684\u989c\u8272\n product.addEventListener(\"click\", function (e) {\n var btn = e.target.closest(\".mpers-color\");\n if (!btn) return;\n var card = btn.closest(\".mpers-card\");\n if (!card) return;\n var media = card.querySelector(\".mpers-card__media\");\n if (!media) return;\n var base = media.querySelector(\".mpers-img--base\");\n var swap = media.querySelector(\".mpers-img--swap\");\n var src = btn.getAttribute(\"data-src\");\n if (!src || !base || !swap) return;\n\n highlight(btn, card);\n \/\/ \u5df2\u5728\u5207\u6362\u4e2d\uff1a\u8bb0\u4e0b\u6700\u65b0\u76ee\u6807\uff0c\u672c\u6b21\u7ed3\u675f\u540e\u7acb\u5373\u5207\uff08\u4e0d\u4e22\u5f03\u70b9\u51fb\uff09\n if (card.dataset.switching === \"1\") { card._pending = src; return; }\n doSwitch(card, base, swap, src);\n });\n\n \/\/ \u6267\u884c\u4e00\u6b21\u989c\u8272\u5207\u6362\uff08\u82e5\u671f\u95f4\u53c8\u70b9\u4e86\u65b0\u7684\u8272\uff0c\u7ed3\u675f\u4f1a\u63a5\u7740\u4e32\u5230\u4e0b\u4e00\u6b21\uff09\n function doSwitch(card, base, swap, src) {\n if (base.getAttribute(\"src\") === src) return; \/\/ \u5df2\u662f\u8be5\u989c\u8272\n if (REDUCE) { base.src = src; return; }\n\n card.dataset.switching = \"1\";\n\n \/\/ \u65e0\u52a8\u753b\u628a\u65b0\u56fe\u77ac\u65f6\u63d0\u4e3a\u5e95\u5c42\u5e38\u9a7b\uff08\u4e0d\u505a\u4e8c\u6b21\u6de1\u5165\uff09\u2192 \u907f\u514d\u89e3\u7801\u767d\u95ea\/\u505c\u5728\u4e2d\u9014\n function promote() {\n base.style.transition = \"none\";\n swap.style.transition = \"none\";\n base.src = src;\n base.style.opacity = \"1\";\n swap.style.opacity = \"0\";\n swap.removeAttribute(\"src\"); \/\/ \u6e05\u7a7a\u5f85\u547d\u5c42\n void base.offsetWidth; \/\/ \u5f3a\u5236 reflow\uff0c\u518d\u6062\u590d\u8fc7\u6e21\n base.style.transition = \"\";\n swap.style.transition = \"\";\n card.dataset.switching = \"0\";\n next(); \/\/ \u82e5\u671f\u95f4\u53c8\u70b9\u4e86\u989c\u8272\uff0c\u5207\u5230\u6700\u65b0\u90a3\u6b21\n }\n\n \/\/ \u52a8\u753b\u671f\u95f4\u82e5\u6709\u65b0\u70b9\u51fb\uff0c\u8df3\u5230\u6700\u65b0\u989c\u8272\uff08\u6700\u540e\u4e00\u6b21\u4f18\u5148\uff0c\u7edd\u4e0d\u4e22\uff09\n function next() {\n var p = card._pending;\n card._pending = null;\n if (p && p !== base.getAttribute(\"src\")) { doSwitch(card, base, swap, p); }\n }\n\n \/\/ \u65b0\u56fe\u52a0\u8f7d\u5b8c\u6210\u624d\u5f00\u59cb\u4ea4\u53c9\u6e10\u53d8\uff08\u52a0\u8f7d\u4e2d\u4fdd\u6301\u65e7\u56fe\uff0c\u4e0d\u9732\u767d\uff09\n swap.onload = function () {\n swap.onload = null;\n swap.style.opacity = \"1\"; \/\/ \u65b0\u5c42\u6de1\u5165\n base.style.opacity = \"0\"; \/\/ \u65e7\u5c42\u6de1\u51fa\uff0c\u4e24\u5c42\u540c\u65f6 \u2192 crossfade\n var fired = false;\n function onEnd(ev) {\n if (fired || ev.propertyName !== \"opacity\") return;\n fired = true;\n base.removeEventListener(\"transitionend\", onEnd);\n promote();\n }\n base.addEventListener(\"transitionend\", onEnd);\n setTimeout(function () { \/\/ \u515c\u5e95\uff1atransitionend \u88ab\u4e2d\u65ad\u4e5f\u80fd\u6536\u5c3e\n if (!fired) { base.removeEventListener(\"transitionend\", onEnd); promote(); }\n }, 520);\n };\n swap.onerror = function () {\n swap.onerror = null;\n base.style.opacity = \"1\";\n card.dataset.switching = \"0\";\n next(); \/\/ \u52a0\u8f7d\u5931\u8d25\u4e5f\u4e00\u8def\u4e32\u4e0b\u53bb\uff0c\u4e0d\u4e2d\u65ad\n };\n\n swap.src = src; \/\/ \u89e6\u53d1\u9884\u52a0\u8f7d\u5230\u4e34\u65f6\u5c42\n }\n })();\n <\/script>\n <\/section>\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1983e6d e-flex e-con-boxed e-con e-parent\" data-id=\"1983e6d\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61c57dc elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"61c57dc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.eviewconnect.com\/it-milestone\/\">Support Capabilities Across Commercial and Deployment Requirements<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c447c7 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"9c447c7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Our support framework covers key requirements across commercialization, system integration, and product customization.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93cf6fa elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"93cf6fa\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <title>\u5b98\u7f51\u9996\u9875<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\"\n rel=\"stylesheet\" \/>\n <style>\n :root {\n --navy: #15395E;\n --teal: #4CC7C4;\n --teal-deep: #19A6A3;\n --muted: #6b7c8f;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: \"Montserrat\", sans-serif;\n color: var(--navy);\n \/* \u80cc\u666f\u8272\u4ece\u4e0a\u5230\u4e0b\u6e10\u53d8 *\/\n background: linear-gradient(180deg, #edf2fb 0%, #d4e1f5 100%);\n background-attachment: fixed;\n }\n\n \/* \u9690\u85cf\u6eda\u52a8\u6761\uff08\u4fdd\u7559\u6eda\u52a8\u529f\u80fd\uff09 *\/\n html {\n scrollbar-width: none;\n \/* Firefox *\/\n -ms-overflow-style: none;\n \/* \u65e7 Edge \/ IE *\/\n }\n\n html::-webkit-scrollbar {\n display: none;\n \/* Chrome \/ Safari *\/\n }\n\n \/* \u9876\u90e8\u6eda\u52a8\u8fdb\u5ea6\u6761 *\/\n .scroll-progress {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n z-index: 1000;\n pointer-events: none;\n }\n\n .scroll-progress__bar {\n display: block;\n height: 100%;\n width: 0%;\n background: linear-gradient(90deg, #4CC7C4, #19A6A3);\n transition: width 0.1s linear;\n }\n\n .home {\n width: 100%;\n max-width: 1440px;\n margin: 0 auto;\n padding: 100px 24px 20px;\n \/* \u9875\u9762 padding\uff1a\u4e0a 0 \/ \u5de6\u53f3 24px \/ \u4e0b 20px\uff0c4 \u5361\u5e73\u5206 1440px \u5185\u5bb9\u533a *\/\n }\n\n \/* ===== \u4ea7\u54c1\u7f51\u683c\uff1a\u4e0a\u65b9 2 \u5217 \/ \u4e0b\u65b9 3 \u5217 ===== *\/\n .product-grid {\n display: grid;\n gap: 15px;\n width: 100%;\n }\n\n .product-grid--all {\n grid-template-columns: repeat(4, 1fr);\n \/* \u4e00\u884c 4 \u4e2a\u4ea7\u54c1 *\/\n align-items: end;\n \/* \u5e95\u90e8\u5bf9\u9f50\uff0c\u9ad8\u5ea6\u5141\u8bb8\u4e0d\u540c *\/\n }\n\n .pcard {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n \/* \u6e10\u53d8\u80cc\u666f\uff08\u5de6\u4e0a \u2192 \u53f3\u4e0b\uff09+ \u9876\u90e8\u4e24\u89d2\u5706\u89d2 *\/\n background: linear-gradient(135deg, #FFFFFF99, #DFEFFF);\n border: none;\n backdrop-filter: blur(10px);\n text-align: center;\n padding: 0;\n border-radius: 20px;\n min-height: 440px;\n \/* \u5361\u7247\u586b\u6ee1\u7f51\u683c\u5355\u5143\u683c\uff0c4 \u5f20\u5e73\u5206 1440px *\/\n width: 100%;\n cursor: pointer;\n \/* \u6574\u5361\u53ef\u70b9 *\/\n opacity: 0;\n \/* \u60ac\u505c\u65f6\u5361\u7247\u4e0a\u6d6e + \u9634\u5f71\uff0c\u4e1d\u6ed1\u5207\u5165\u5207\u51fa *\/\n transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),\n box-shadow 0.55s cubic-bezier(0.22, 1, 0.36, 1);\n }\n\n \/* \u7b2c 2\u30014 \u5f20\uff08\u7d22\u5f15 1\u30013\uff09\uff1a\u66f4\u9ad8\uff0c\u5f62\u6210\u9519\u843d\u5c71\u5cf0\u5f0f\u5e03\u5c40 *\/\n .pcard--tall {\n min-height: 500px;\n }\n\n .pcard:focus-visible {\n outline: 3px solid var(--teal);\n outline-offset: 2px;\n }\n\n \/* hover \u653e\u5927\u56fe\u7247\u65f6\u5141\u8bb8\u6ea2\u51fa\u5361\u7247\uff0c\u5b8c\u6574\u5c55\u793a\u4e0d\u88ab\u88c1\u526a *\/\n .pcard:hover {\n z-index: 5;\n \/* \u5361\u7247\u8f7b\u5fae\u4e0a\u6d6e + \u67d4\u548c\u6295\u5f71\uff0c\u8425\u9020\u60ac\u6d6e\u611f *\/\n transform: translateY(-6px);\n box-shadow: 0 20px 40px rgba(21, 57, 94, 0.18);\n }\n\n \/* \u5361\u7247\u81ea\u5de6\u5411\u53f3\u4f9d\u6b21\u5f39\u51fa\uff08\u5e73\u6ed1\u65e0 overshoot\uff0c\u907f\u514d\u6296\u52a8\uff09 *\/\n .pcard.card-pop {\n animation: cardPop 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes cardPop {\n 0% {\n opacity: 0;\n transform: translateY(30px);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n\n .pcard--wide {\n min-height: 360px;\n }\n\n .pcard__title,\n .pcard__sub {\n position: relative;\n z-index: 2;\n \/* \u6587\u5b57\u5728\u56fe\u7247\u4e4b\u4e0a *\/\n }\n\n .pcard__body {\n position: relative;\n width: 100%;\n height: auto;\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n \/* title \u4e0e sub \u95f4\u8ddd\u52a0\u5927\uff0c\u5185\u5bb9\u7eb5\u5411\u66f4\u9971\u6ee1 *\/\n gap: 50px;\n \/* \u7ed9\u9876\u90e8\u5706\u5f62\u56fe\u6807\u9884\u7559\u7a7a\u95f4\uff08118px \u9a91\u7ebf\u56fe\u6807\uff0c\u534a\u5e45\u5728\u5185\uff09 *\/\n padding: 84px 28px 26px;\n margin-top: 0;\n z-index: 2;\n }\n\n .pcard__title {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 28px;\n font-weight: 700;\n color: var(--navy);\n transition: color 0.3s ease;\n }\n\n .pcard:hover .pcard__title {\n color: var(--teal);\n \/* hover \u70b9\u4eae\uff0c\u4e3b\u9898\u8272 *\/\n }\n\n .pcard__sub {\n margin: 0;\n padding: 0;\n max-width: 100%;\n overflow-wrap: break-word;\n word-break: break-word;\n font-size: 16px;\n font-weight: 700;\n color: #15395E;\n line-height: 1.5;\n }\n\n \/* \u534a\u5bbd\u5361\u7a7a\u95f4\u7a84\uff0c\u6807\u9898\u964d\u6863\uff0c\u4e3b\u6b21\u5206\u660e *\/\n .pcard--half .pcard__title {\n font-size: 28px;\n }\n\n \/* \u4e00\u884c 3 \u4e2a\uff08\u66f4\u7a84\uff09\u65f6\u6807\u9898\u52a8\u6001\u8c03\u5c0f *\/\n .pcard--row4 .pcard__title {\n font-size: 28px;\n }\n\n .pcard__media {\n \/* \u672a\u6765\u56fe\u7247\u53ea\u63d0\u4f9b\u4e0a\u65b9\u5706\u5f62\u56fe\u6807\uff1a\u9a91\u5728\u5361\u7247\u9876\u90e8\u8fb9\u6846\u4e2d\u95f4\uff0c\n \u4e00\u534a\u5728\u5361\u7247\u5916\u3001\u4e00\u534a\u5728\u5361\u7247\u5185\uff0c\u5c42\u7ea7\u6700\u9ad8 *\/\n position: absolute;\n top: -59px;\n \/* 118px \u56fe\u7247\u7684\u4e00\u534a\uff0c\u6b63\u597d\u9a91\u5728\u9876\u8fb9\u6846\u7ebf\u4e0a *\/\n left: 50%;\n transform: translateX(-50%);\n width: 118px;\n height: 118px;\n z-index: 20;\n \/* \u9632\u6b62\u906e\u6321\u6587\u5b57\u70b9\u51fb *\/\n pointer-events: none;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .pcard__media img {\n position: relative;\n display: block;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: contain;\n object-position: center;\n transform: scale(1);\n transform-origin: center center;\n z-index: 1;\n \/* \u4e1d\u6ed1\u5207\u5165\u5207\u51fa\uff1a\u7f13\u51fa\uff08\u5feb\u8fdb\u6162\u51fa\uff09\uff0c\u65f6\u957f\u9002\u4e2d *\/\n transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);\n }\n\n \/* \u56fe\u6807\u5e95\u90e8\u5149\u6655\uff1ahover \u65f6\u67d4\u548c\u6269\u6563\uff0c\u589e\u5f3a\u52a8\u611f *\/\n .pcard__media::before {\n content: \"\";\n position: absolute;\n inset: -10px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(76, 199, 196, 0.38) 0%, rgba(76, 199, 196, 0) 68%);\n opacity: 0;\n transform: scale(0.7);\n pointer-events: none;\n transition: opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),\n transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);\n }\n\n .pcard:hover .pcard__media img {\n transform: scale(1.2);\n }\n\n .pcard:hover .pcard__media::before {\n opacity: 1;\n transform: scale(1.15);\n }\n\n \/* ===== \u9996\u5c4f\u6807\u9898\u5165\u573a\uff08\u54c1\u724c\u7b2c\u4e00\u5370\u8c61\uff09 ===== *\/\n @keyframes heroRise {\n 0% {\n opacity: 0;\n transform: translateY(26px);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .pcard--wide .pcard__title,\n .pcard--wide .pcard__sub {\n opacity: 0;\n animation: heroRise 0.7s cubic-bezier(0.22, 1.2, 0.36, 1) forwards;\n }\n\n .pcard--wide .pcard__title {\n animation-delay: 0.15s;\n }\n\n .pcard--wide .pcard__sub {\n animation-delay: 0.30s;\n }\n\n \/* ===== Job \u4e8c\u7ea7\u5165\u53e3\uff08\u8df3\u8f6c job.html\uff09 ===== *\/\n .job-entry {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n padding: 28px 40px;\n border-radius: 16px;\n background: linear-gradient(90deg, #36c2b8 0%, #1b3b64 100%);\n text-decoration: none !important;\n transition: box-shadow 0.3s ease, transform 0.3s ease;\n }\n\n .job-entry:hover {\n box-shadow: 0 14px 34px rgba(27, 59, 100, 0.25);\n transform: translateY(-2px);\n }\n\n .job-entry__text {\n text-align: left;\n }\n\n .job-entry__title {\n font-size: 28px;\n font-weight: 700;\n color: #ffffff !important;\n line-height: 1.3;\n }\n\n .job-entry__sub {\n font-size: 16px;\n font-weight: 500;\n color: rgba(255, 255, 255, 0.85) !important;\n margin-top: 6px;\n }\n\n .job-entry__btn {\n flex-shrink: 0;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 17px;\n font-weight: 700;\n color: #1b3b64 !important;\n background: #ffffff;\n padding: 12px 26px;\n border-radius: 999px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .job-entry:hover .job-entry__btn {\n transform: translateX(4px);\n box-shadow: 0 6px 16px rgba(27, 59, 100, 0.2);\n }\n\n \/* WP \u9632\u5fa1 + \u79fb\u52a8\u7aef *\/\n .job-entries {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin-top: 32px;\n }\n\n .job-entry,\n .job-entry:link,\n .job-entry:visited,\n .job-entry:hover,\n .job-entry:active {\n text-decoration: none !important;\n border: 0 !important;\n box-shadow: none !important;\n }\n\n @media (max-width: 800px) {\n .job-entry {\n flex-direction: column;\n align-items: flex-start;\n padding: 22px 24px;\n }\n\n .job-entry__title {\n font-size: 22px;\n }\n\n .job-entries {\n grid-template-columns: 1fr;\n }\n }\n\n \/* ===== \u79fb\u52a8\u7aef\u9002\u914d ===== *\/\n \/* \u5e73\u677f\u53ca\u4ee5\u4e0b\uff1a\u5355\u5217 + \u7f29\u5c0f\u5b57\u53f7\u4e0e\u5185\u8fb9\u8ddd *\/\n @media (max-width: 800px) {\n .pcard__title {\n font-size: 20px !important;\n }\n\n .pcard--half .pcard__title {\n font-size: 20px !important;\n }\n\n .pcard__sub {\n font-size: 13.5px !important;\n }\n\n .product-grid {\n grid-template-columns: 1fr;\n gap: 15px;\n }\n\n \/* \u79fb\u52a8\u7aef\u5355\u5217\uff1a\u5361\u7247\u653e\u5bbd\u5360\u6ee1\uff0c\u907f\u514d\u8fc7\u7a84 *\/\n .pcard {\n max-width: none;\n }\n\n .pcard--wide {\n min-height: 360px;\n }\n\n .pcard__title {\n font-size: 20px;\n }\n\n .pcard--half .pcard__title {\n font-size: 20px;\n }\n\n .pcard__sub {\n font-size: 13.5px;\n margin: 0;\n }\n }\n\n \/* \u624b\u673a\uff1a\u8fdb\u4e00\u6b65\u538b\u7f29\uff0c\u907f\u514d\u5927\u56fe\u5361\u6324\u538b\u6587\u5b57 *\/\n @media (max-width: 480px) {\n .pcard__title {\n font-size: 18px !important;\n }\n\n .pcard--half .pcard__title {\n font-size: 18px !important;\n }\n\n .pcard__sub {\n font-size: 13px;\n margin: 0;\n }\n\n .pcard__media img {\n transform: scale(1);\n }\n\n .pcard:hover .pcard__media::before {\n opacity: 0;\n transform: scale(0.7);\n }\n\n \/* \u5c0f\u5c4f\u5173\u95ed\u5361\u7247\u9634\u5f71\uff0c\u907f\u514d\u8fb9\u7f18\u88c1\u5207\u89c2\u611f *\/\n .pcard:hover {\n transform: none;\n box-shadow: none;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .pcard {\n opacity: 1;\n animation: none;\n transition: none;\n }\n\n .pcard:hover {\n transform: none;\n box-shadow: none;\n }\n\n .pcard__media img {\n transition: none;\n }\n\n .pcard__media::before {\n transition: none;\n opacity: 0;\n }\n\n .pcard--wide .pcard__title,\n .pcard--wide .pcard__sub {\n opacity: 1;\n animation: none;\n }\n }\n\n \/* ===== WordPress \u4e3b\u9898\u6837\u5f0f\u9632\u5fa1 =====\n WP \u4e3b\u9898\u5e38\u5bf9 h1\/h2\/p\/a \u8bbe\u7f6e\u5168\u5c40\u5b57\u53f7\u3001\u5b57\u91cd\u3001\u884c\u9ad8\u3001\u8fb9\u8ddd\uff08\u751a\u81f3\n !important\uff09\uff0c\u4f1a\u8986\u76d6\u6a21\u5757\u6837\u5f0f\u5bfc\u81f4\u6807\u9898\u53d8\u5c0f\/\u5e03\u5c40\u53d8\u5316\u3002\u6b64\u5904\u7edf\u4e00\n \u9501\u5b9a\u6a21\u5757\u7684\u5173\u952e\u6392\u7248\u5c5e\u6027\uff0c\u4fdd\u8bc1\u5d4c\u5165 WP \u540e\u4e0e\u72ec\u7acb\u9884\u89c8\u4e00\u81f4\u3002 *\/\n .pcard,\n .pcard * {\n font-family: \"Montserrat\", sans-serif;\n }\n\n .pcard__title,\n .pcard--half .pcard__title {\n font-size: 28px !important;\n font-weight: 700 !important;\n line-height: 1.2 !important;\n color: var(--navy) !important;\n margin: 0 !important;\n border: 0 !important;\n border-bottom: 0 !important;\n background: transparent !important;\n box-shadow: none !important;\n }\n\n \/* \u5361\u7247\u5185\u6240\u6709\u5b50\u5143\u7d20\u53bb\u7ebf\u6761\/\u63cf\u8fb9\uff0c\u9632\u4e3b\u9898\u7ed9 h2\/p\/a \u7b49\u52a0\u4e0b\u5212\u7ebf\u6216\u5206\u9694\u7ebf *\/\n .pcard * {\n border: 0 !important;\n box-shadow: none !important;\n }\n\n .product-grid--all {\n grid-template-columns: repeat(4, 1fr) !important;\n }\n\n \/* \u6bcf\u5f20\u5361\u7247\u6807\u9898\u4e13\u5c5e\u9ed8\u8ba4\u8272\uff1a\n \u5fc5\u987b\u653e\u5728 .pcard--half .pcard__title \u7684 navy \u89c4\u5219\u4e4b\u540e\u3001\n \u4e14\u4f4d\u4e8e hover \u89c4\u5219\u4e4b\u524d\uff0c\u4e09\u8005\u540c (0,2,0) \u4f18\u5148\u7ea7\uff0c\u540e\u5b9a\u4e49\u8005\u751f\u6548\uff0c\n \u987a\u5e8f\u5373\uff1a\u9ed8\u8ba4 navy \u2192 \u4e13\u5c5e\u8272 \u2192 hover \u4e3b\u9898\u8272 *\/\n .pcard--c1 .pcard__title {\n color: #6C64D8 !important;\n }\n .pcard--c2 .pcard__title {\n color: #057CFF !important;\n }\n .pcard--c3 .pcard__title {\n color: #4CC7C4 !important;\n }\n .pcard--c4 .pcard__title {\n color: #6C64D8 !important;\n }\n\n .pcard:hover .pcard__title {\n color: var(--teal) !important;\n \/* hover \u70b9\u4eae\uff0c\u4e3b\u9898\u8272\uff08\u9632 WP \u4e3b\u9898\u8986\u76d6\uff09 *\/\n }\n\n .pcard--half .pcard__title {\n font-size: 28px !important;\n }\n\n .pcard--row4 .pcard__title {\n font-size: 28px !important;\n }\n\n \/* \u526f\u6807\u9898\uff08p\uff09\uff1a\u9501\u5b9a\u5168\u90e8\u6392\u7248\u5c5e\u6027\uff0c\u9632\u4e3b\u9898\u5bf9 p \u7684\u5168\u5c40\u6837\u5f0f *\/\n .pcard__sub {\n font-size: 16px !important;\n font-weight: 700 !important;\n line-height: 1.5 !important;\n color: #15395E !important;\n margin: 0 !important;\n padding: 0 !important;\n text-align: center !important;\n text-decoration: none !important;\n letter-spacing: normal !important;\n text-transform: none !important;\n background: transparent !important;\n border: 0 !important;\n display: block !important;\n }\n\n \/* \u5361\u7247\u672c\u8eab\uff1a\u6e10\u53d8\u80cc\u666f + \u9876\u90e8\u5706\u89d2\uff08\u9632\u4e3b\u9898\u8986\u76d6\uff09 *\/\n .pcard {\n background: linear-gradient(135deg, #FFFFFF99, #DFEFFF) !important;\n border: none !important;\n border-radius: 20px !important;\n backdrop-filter: blur(10px) !important;\n box-shadow: none !important;\n overflow: visible !important;\n }\n\n .pcard__media,\n .pcard__body {\n background: transparent !important;\n border: 0 !important;\n overflow: visible !important;\n }\n\n \/* \u56fe\u6807\u5a92\u4f53\u5c42\uff1a\u9a91\u5728\u5361\u7247\u9876\u90e8\u8fb9\u6846\u4e2d\u95f4\uff0c\u4fdd\u8bc1\u5c42\u7ea7\u6700\u9ad8 *\/\n .pcard__media {\n position: absolute !important;\n top: -59px !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n width: 118px !important;\n height: 118px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n z-index: 20 !important;\n pointer-events: none !important;\n background: transparent !important;\n border: 0 !important;\n box-shadow: none !important;\n }\n\n .pcard__media img {\n width: 100% !important;\n height: 100% !important;\n object-fit: contain !important;\n object-position: center !important;\n overflow: visible !important;\n border: 0 !important;\n background: transparent !important;\n box-shadow: none !important;\n border-radius: 50% !important;\n max-width: none !important;\n max-height: none !important;\n }\n\n \/* hover \u653e\u5927\u4ecd\u751f\u6548\uff08\u52ff\u88ab\u4e0a\u9762\u9632\u5fa1\u8986\u76d6\uff0c\u6545\u4e0d\u7528 !important \u9501 transform\uff09 *\/\n .pcard:hover .pcard__media img {\n transform: scale(1.2);\n }\n\n \/* ===== \u9ad8\u7279\u5f02\u6027\u8fb9\u7f18\/\u8fb9\u6846\u9632\u5fa1 =====\n \u4f4e\u7279\u5f02\u6027\uff08\u5982 .pcard\uff09\u5728 WP \u4e3b\u9898\u4e2d\u5bb9\u6613\u88ab\u66f4\u9ad8\u7279\u5f02\u6027\u7684\u89c4\u5219\u8986\u76d6\uff0c\n \u5bfc\u81f4\u5706\u89d2\/\u767d\u8fb9\u6846\/\u80cc\u666f\u5728 WP \u4e0e\u672c\u5730\u4e0d\u4e00\u81f4\u3002\n \u7528\u5bb9\u5668\u8def\u5f84\u63d0\u9ad8\u7279\u5f02\u6027\uff0c\u538b\u8fc7\u4e3b\u9898\u540c\u4f18\u5148\u7ea7\u89c4\u5219 *\/\n main.home .product-grid--all .pcard,\n #gridAll .pcard,\n .home .pcard {\n box-sizing: border-box !important;\n margin: 0 !important;\n background: linear-gradient(135deg, #FFFFFF99, #DFEFFF) !important;\n border: none !important;\n border-radius: 20px !important;\n backdrop-filter: blur(10px) !important;\n overflow: visible !important;\n }\n\n main.home .product-grid--all .pcard__media img,\n #gridAll .pcard__media img {\n max-width: none !important;\n max-height: none !important;\n border-radius: 50% !important;\n border: 0 !important;\n box-shadow: none !important;\n }\n\n \/* \u5168\u5c40\u76d2\u6a21\u578b\u9501\u5b9a\uff1a\n WP \u4e3b\u9898\u82e5\u628a box-sizing \u6539\u4e3a content-box\uff0c5px \u8fb9\u6846\u4f1a\u5411\u5916\u6269\u5f20\uff0c\n \u5bfc\u81f4\u5361\u7247\u548c\u8fb9\u6846\u5728 WP \u4e0b\u770b\u8d77\u6765\u6bd4\u672c\u5730\u5927\u3002\n \u9501\u5b9a .home \u5185\u5168\u90e8\u5143\u7d20\u7684 border-box\uff0c\u4fdd\u8bc1\u4e24\u8fb9\u6e32\u67d3\u4e00\u81f4 *\/\n main.home,\n main.home *,\n main.home *::before,\n main.home *::after {\n box-sizing: border-box !important;\n }\n\n \/* \u79fb\u52a8\u7aef\u6062\u590d\u5c0f\u5b57\u53f7\uff08\u5fc5\u987b\u653e\u5728\u9632\u5fa1\u533a\u4e4b\u540e\uff0c\u5426\u5219\u88ab\u4e0a\u9762\u7684 26\/15px \u8986\u76d6\uff09 *\/\n @media (max-width: 800px) {\n .pcard__title,\n .pcard--half .pcard__title,\n .pcard--row4 .pcard__title {\n font-size: 22px !important;\n }\n .pcard__sub {\n font-size: 13.5px !important;\n }\n }\n\n @media (max-width: 480px) {\n .pcard__title,\n .pcard--half .pcard__title,\n .pcard--row4 .pcard__title {\n font-size: 20px !important;\n }\n .pcard__sub {\n font-size: 13px !important;\n }\n }\n <\/style>\n<style>html,body{margin:0;padding:0}<\/style><\/head>\n\n<body>\n <div class=\"scroll-progress\" aria-hidden=\"true\"><span class=\"scroll-progress__bar\" id=\"scrollProgressBar\"><\/span>\n <\/div>\n\n <main class=\"home\">\n\n <section class=\"product-grid product-grid--all\" id=\"gridAll\">\n \n <\/section>\n <\/main>\n <script>\n \/\/ ================================================================\n \/\/ \u5b98\u7f51\u9996\u9875 \u00b7 \u7edf\u4e00\u914d\u7f6e\u5165\u53e3\uff08SEO \u7ef4\u62a4\u533a\uff09\n \/\/\n \/\/ \u540e\u671f\u53ea\u9700\u4fee\u6539\u4e0b\u65b9 HOME_CARDS\uff0c\u5373\u53ef\u5b8c\u6210\uff1a\n \/\/ \u6362\u6807\u9898 \/ \u6362\u526f\u6807\u9898 \/ \u6362\u8df3\u8f6c\u94fe\u63a5 \/ \u6362\u56fe\u7247 \/ \u589e\u5220\u5361\u7247\uff0c\u65e0\u9700\u52a8 HTML\u3002\n \/\/\n \/\/ \u6bcf\u5f20\u5361\u7247\u5b57\u6bb5\u8bf4\u660e\uff1a\n \/\/ title \u5361\u7247\u6807\u9898\uff08\u5373 h2\uff0c\u4e5f\u662f\u56fe\u7247 alt \/ SEO \u5173\u952e\u8bcd\u6765\u6e90\uff09\n \/\/ subtitle \u526f\u6807\u9898\u8bf4\u660e\uff08p\uff09\n \/\/ url \u8df3\u8f6c\u94fe\u63a5\uff08\u4ea7\u54c1\u9875 \/ \u843d\u5730\u9875\uff0c\u53ef\u4e3a\u7a7a\u4e32\u8868\u793a\u4e0d\u53ef\u70b9\uff09\n \/\/ blank \u662f\u5426\u65b0\u7a97\u53e3\u6253\u5f00\uff1atrue = \u65b0\u7a97\u53e3\uff08\u9ed8\u8ba4\uff09\/ false = \u5f53\u524d\u9875\u8df3\u8f6c\n \/\/ image \u5361\u7247\u56fe\u7247\u8def\u5f84\uff08\u76f8\u5bf9\u8def\u5f84\u6216 WP \u7edd\u5bf9 URL\uff0c\u5efa\u8bae WebP\uff09\n \/\/ alt \uff08\u53ef\u9009\uff09\u56fe\u7247 alt \u6587\u672c\uff0c\u7f3a\u7701\u7528 title\n \/\/ wide true = \u901a\u680f\u5927\u5361\uff08\u7b2c\u4e00\u5f20\uff09\/ false = \u534a\u5bbd\u5361\n \/\/ ================================================================\n var HOME_CARDS = [\n \/\/ row: \"top\"\uff084 \u5f20\u5168\u90e8\u4e00\u884c\u5c55\u793a\uff09\n {\n title: \"Mission-Critical Reliability\",\n subtitle: \"Engineered for the unpredictable. Powered by industry-leading chipsets and rigorous environmental testing, our devices deliver an unbreakable lifeline. With comprehensive global certifications, we ensure risk-free deployment and absolute peace of mind when it matters most.\",\n url: \"https:\/\/www.eviewconnect.com\/mpers\/\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/08\/Group-35118.png\",\n row: \"top\",\n blank: true\n },\n {\n title: \"Neural-Network-Powered Incident Intelligence\",\n subtitle: \"Moving beyond basic alerts. Leveraging advanced data models and joint university research, our proprietary algorithms optimize fall detection and specialized health monitoring, transforming raw sensor data into actionable, life-saving insights.\",\n url: \"https:\/\/www.eviewconnect.com\/smart-wearables\/\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35343.png\",\n row: \"top\",\n blank: true\n },\n {\n title: \"Scenario-Driven Adaptability\",\n subtitle: \"Tailored to your unique ecosystem. With over 500 custom firmware deployments, our highly configurable architecture adapts instantly to diverse care scenarios, from elderly support to lone worker safety, ensuring flawless integration into any monitoring platform.\",\n url: \"https:\/\/www.eviewconnect.com\/home-systems\/\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/08\/Group-35114.png\",\n row: \"top\",\n blank: true\n },\n {\n title: \"Sustainable Global Partnership\",\n subtitle: \"A proven foundation for global telecare. Trusted by industry leaders across 100+ countries, our ISO and BSCI-audited manufacturing ensures responsible, ESG-compliant production, backed by dedicated engineering support for your long-term success.\",\n url: \"https:\/\/www.eviewconnect.com\/beacon-accessories\/\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/08\/Group-35115.png\",\n row: \"top\",\n blank: true\n }\n ];\n\n \/\/ ===== \u5361\u7247\u6e32\u67d3\uff08\u6309 row \u5206\u7ec4\uff1atop 2 \u4e2a \/ bottom 3 \u4e2a\uff09 =====\n (function () {\n var grid = document.getElementById(\"gridAll\");\n if (!grid) return;\n\n function cardHtml(card, i, rowClass) {\n var alt = (card.alt || card.title).replace(\/[\"&<>]\/g, function (ch) {\n return { '\"': \""\", \"&\": \"&\", \"<\": \"<\", \">\": \">\" }[ch];\n });\n var load = i === 0 ? 'fetchpriority=\"high\"' : 'loading=\"lazy\"';\n \/\/ \u7b2c 2\u30014 \u5f20\uff08\u7d22\u5f15 1\u30013\uff09\u66f4\u9ad8\uff0c\u5f62\u6210\u9519\u843d\u8282\u594f\n var sizeClass = (i === 1 || i === 3) ? \" pcard--tall\" : \"\";\n \/\/ \u6bcf\u5f20\u5361\u7247\u6807\u9898\u4e13\u5c5e\u8272\uff08c1-c4 \u5faa\u73af\uff1a\u7d2b \/ \u84dd \/ \u9752 \/ \u7d2b\uff09\n var colorClass = \" pcard--c\" + ((i % 4) + 1);\n return '<article class=\"pcard pcard--half' + sizeClass + colorClass + ' ' + rowClass + '\">'\n + '<div class=\"pcard__body\">'\n + '<h2 class=\"pcard__title\">' + card.title + '<\/h2>'\n + '<p class=\"pcard__sub\">' + card.subtitle + '<\/p>'\n + '<\/div>'\n + '<div class=\"pcard__media\"><img src=\"' + card.image + '\" alt=\"' + alt + '\" ' + load + ' decoding=\"async\" \/><\/div>'\n + '<\/article>';\n }\n\n grid.innerHTML = HOME_CARDS.map(function (x, i) {\n return cardHtml(x, i, \"pcard--row4\");\n }).join(\"\\n\");\n\n \/\/ \u56db\u5f20\u5361\u7247\u4ece\u5de6\u5230\u53f3\u4f9d\u6b21\u5f39\u51fa\n var popCards = grid.querySelectorAll(\".pcard\");\n for (var p = 0; p < popCards.length; p++) {\n popCards[p].style.animationDelay = (0.12 * p) + \"s\";\n popCards[p].classList.add(\"card-pop\");\n \/\/ \u5165\u573a\u52a8\u753b\u7ed3\u675f\uff1a\u79fb\u9664 forwards \u5360\u7528\u7684 transform \u63a7\u5236\u6743\uff0c\n \/\/ \u8ba9 hover \u7684\u5361\u7247\u4e0a\u6d6e\/\u9634\u5f71\uff08transform\uff09\u80fd\u591f\u4e1d\u6ed1\u751f\u6548\n popCards[p].addEventListener(\"animationend\", function () {\n this.classList.remove(\"card-pop\");\n this.style.opacity = \"1\";\n });\n }\n })();\n\n \/\/ ===== WP \u9632\u5fa1\uff1a\u907f\u514d\u7236\u5bb9\u5668 max-width\/padding \u5bfc\u81f4\u7b2c 4 \u5f20\u88ab\u622a\u65ad =====\n (function () {\n var root = document.getElementById(\"gridAll\") || document.querySelector(\".home\");\n if (!root) return;\n var el = root.parentElement;\n while (el && el !== document.body && el !== document.documentElement) {\n el.style.setProperty(\"border\", \"none\", \"important\");\n el.style.setProperty(\"border-radius\", \"0\", \"important\");\n el.style.setProperty(\"box-shadow\", \"none\", \"important\");\n el.style.setProperty(\"outline\", \"none\", \"important\");\n el.style.setProperty(\"overflow\", \"visible\", \"important\");\n el.style.setProperty(\"background\", \"transparent\", \"important\");\n \/* \u4e3b\u5bb9\u5668 .home \u9650\u5bbd 1440px \u5c45\u4e2d\u5c55\u793a\uff0c\u5176\u4f59\u7236\u5bb9\u5668\u653e\u884c *\/\n el.style.setProperty(\"max-width\", el.classList && el.classList.contains(\"home\") ? \"1440px\" : \"none\", \"important\");\n el.style.setProperty(\"padding-left\", \"0\", \"important\");\n el.style.setProperty(\"padding-right\", \"0\", \"important\");\n el = el.parentElement;\n }\n })();\n\n \/\/ ===== \u9876\u90e8\u6eda\u52a8\u8fdb\u5ea6\u6761 =====\n (function () {\n var bar = document.getElementById(\"scrollProgressBar\");\n if (!bar) return;\n function update() {\n var doc = document.scrollingElement || document.documentElement;\n var max = doc.scrollHeight - doc.clientHeight;\n var pct = max > 0 ? (doc.scrollTop \/ max) * 100 : 0;\n bar.style.width = pct + \"%\";\n }\n window.addEventListener(\"scroll\", update, { passive: true });\n window.addEventListener(\"resize\", update);\n update();\n })();\n <\/script>\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb02580 e-flex e-con-boxed e-con e-parent\" data-id=\"eb02580\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4717b6 elementor-widget elementor-widget-html\" data-id=\"c4717b6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <title>Global Partners Review<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\n <style>\n body {\n margin: 0;\n }\n\n .prow {\n background: transparent;\n }\n\n .prow,\n .prow *,\n .prow *::before,\n .prow *::after {\n box-sizing: border-box;\n }\n\n .prow {\n width: 100%;\n margin: 0;\n padding: 56px 0 72px;\n font-family: \"Montserrat\", sans-serif !important;\n color: #15395E;\n overflow-x: hidden;\n }\n\n \/* ===== \u6807\u9898 =====\n \u9009\u62e9\u5668\u52a0 .prow \u524d\u7f00\u63d0\u9ad8\u4f18\u5148\u7ea7\uff0c\u5e76\u7ed9\u5b57\u53f7\/\u5bf9\u9f50\/\u989c\u8272\u52a0 !important\uff0c\n \u62b5\u5fa1 WP \u4e3b\u9898\u5bf9 h2 \u7684\u66f4\u9ad8\u4f18\u5148\u7ea7\u6216 !important \u89c4\u5219\uff08\u540c\u5934\u50cf border-radius \u7684\u5904\u7406\uff09\u3002 *\/\n .prow .prow__title {\n margin: 0 0 40px !important;\n max-width: 1400px;\n text-align: left !important;\n font-size: 32px !important;\n font-weight: 700;\n line-height: 1.2 !important;\n color: #15395E !important;\n font-family: \"Montserrat\", sans-serif !important;\n }\n\n \/* ===== \u8f6e\u64ad\u5bb9\u5668 ===== *\/\n .prow-car {\n position: relative;\n \/* max-width: 1400px; *\/\n margin: 0;\n }\n\n .prow-car__viewport {\n overflow: hidden;\n \/* \u9876\u90e8\u7559\u767d\uff1a\u5934\u50cf\u8de8\u51fa\u5361\u7247\u4e0a\u534a\u6bb5\u4e0d\u88ab\u8f6e\u64ad\u88c1\u5207 *\/\n padding-top: 48px;\n touch-action: pan-y;\n cursor: grab;\n }\n\n .prow-car__viewport:active {\n cursor: grabbing;\n }\n\n .prow-car__track {\n display: flex;\n flex-wrap: nowrap;\n align-items: stretch;\n will-change: transform;\n }\n\n \/* \u6bcf\u5f20\u5361\u5bbd\u5ea6 = 100% \/ \u53ef\u89c1\u5f20\u6570\uff08--per-view\uff1a3\u21922\u21921\uff09 *\/\n .prow-slide {\n flex: 0 0 calc(100% \/ var(--per-view, 3));\n padding: 0 10px;\n min-width: 0;\n }\n\n \/* ===== \u5361\u7247\uff1a\u767d\u2192#DFEFFF \u6e10\u53d8 + 20px \u5706\u89d2 + 5px \u767d\u63cf\u8fb9 ===== *\/\n .prow-card {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n height: 100%;\n padding: 0 26px 30px;\n border-radius: 20px;\n border: 5px solid rgba(255, 255, 255, 0.5);\n background: linear-gradient(135deg, #FFFFFF99, #DFEFFF);\n box-shadow: 0 6px 20px rgba(27, 59, 100, 0.06);\n transition: box-shadow 0.35s ease, transform 0.35s ease;\n }\n\n .prow-card:hover {\n box-shadow: 0 14px 34px rgba(27, 59, 100, 0.14);\n transform: translateY(-3px);\n }\n\n \/* ===== \u5934\u50cf\uff1a\u8de8\u51fa\u5361\u7247\u9876\u8fb9\uff0c\u4e2d\u5fc3\u5bf9\u9f50\u9876\u8fb9\uff08\u4e0a\u534a\u6bb5\u5728\u5361\u7247\u5916\uff09 =====\n \u9009\u62e9\u5668\u52a0 .prow \u524d\u7f00\u63d0\u9ad8\u4f18\u5148\u7ea7\uff0c\u5e76\u7ed9 border-radius \u52a0 !important\uff0c\n \u7528\u4e8e\u8986\u76d6 WP \u4e3b\u9898\u7684\u5168\u5c40 img \u6837\u5f0f\uff08\u4e3b\u9898\u5e38\u5bf9 img \u8bbe border-radius:0 \u6216\u66f4\u9ad8\u4f18\u5148\u7ea7\u89c4\u5219\uff09\u3002 *\/\n .prow .prow-avatar {\n width: 94px;\n height: 94px;\n max-width: none;\n \/* \u4e3b\u9898\u5e38\u5bf9 img \u8bbe max-width:100%\uff0c\u9700\u8fd8\u539f\u4e3a\u56fa\u5b9a\u5c3a\u5bf8 *\/\n flex: 0 0 auto;\n \/* \u8d1f margin = \u534a\u5f84 42px + \u5361\u7247 5px \u8fb9\u6846\uff0c\u8ba9\u5706\u5fc3\u843d\u5728\u5361\u7247\u53ef\u89c1\u9876\u8fb9 *\/\n margin-top: -47px;\n margin-bottom: 18px;\n border-radius: 50% !important;\n overflow: hidden;\n \/* \u786e\u4fdd\u56fe\u7247\u5185\u5bb9\u88ab\u88c1\u8fdb\u5706\u5f62 *\/\n object-fit: cover;\n object-position: center;\n box-shadow: 0 2px 10px rgba(27, 59, 100, 0.1);\n background: #fff;\n }\n\n .prow-avatar--initials {\n display: grid;\n place-items: center;\n background: linear-gradient(135deg, #4CC7C4, #19A6A3);\n color: #fff;\n font-size: 28px;\n font-weight: 700;\n letter-spacing: 0.02em;\n }\n\n \/* ===== \u59d3\u540d \/ \u5730\u70b9\uff08\u5c45\u4e2d\uff09 ===== *\/\n .prow-name {\n margin: 0;\n font-size: 20px;\n font-weight: 700;\n line-height: 1.2;\n color: #4CC7C4;\n font-family: \"Montserrat\", sans-serif !important;\n }\n\n .prow-loc {\n margin: 6px 0 0;\n font-size: 14px;\n font-weight: 600;\n color: #15395E;\n letter-spacing: 0.01em;\n font-family: \"Montserrat\", sans-serif !important;\n }\n\n \/* ===== \u804c\u4f4d\u5fbd\u7ae0\uff08navy \u80f6\u56ca\uff09 ===== *\/\n .prow-role {\n margin: 20px 0 14px;\n padding: 9px 20px;\n border-radius: 999px;\n background: #15395E;\n color: #fff;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.2;\n white-space: nowrap;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"Montserrat\", sans-serif !important;\n }\n\n \/* ===== \u8bc4\u4ef7\u5f15\u6587\uff08\u591a\u884c\uff0c\u5de6\u5bf9\u9f50\u4e24\u7aef\u5bf9\u9f50\uff09 ===== *\/\n .prow-quote {\n margin: 0;\n width: 100%;\n padding: 0 4px;\n font-size: 14px;\n font-weight: 700;\n line-height: 1.6;\n color: #15395E;\n text-align: left;\n text-align: justify;\n text-justify: inter-ideograph;\n font-family: \"Montserrat\", sans-serif !important;\n }\n\n \/* \u5f15\u6587\u5f00\u59cb \/ \u7ed3\u5c3e\u7684\u82f1\u6587\u5f15\u53f7\uff08\u968f\u6b63\u6587\uff0c\u4e0d\u52a0\u6837\u5f0f\uff09 *\/\n .prow-quote::before {\n content: \"\\201C\";\n }\n\n .prow-quote::after {\n content: \"\\201D\";\n }\n\n \/* ===== \u6307\u793a\u6761\uff08\u6a2a\u5411\u80f6\u56ca\uff09 ===== *\/\n .prow-car__dots {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n margin-top: 26px;\n }\n\n .prow-dot {\n width: 26px;\n height: 4px;\n padding: 0;\n border: 0;\n border-radius: 999px;\n background: rgba(21, 57, 94, 0.18);\n cursor: pointer;\n transition: background 0.25s ease, width 0.25s ease;\n }\n\n .prow-dot--active {\n background: #4CC7C4;\n }\n\n \/* ===== \u65e0\u969c\u788d\uff1a\u5173\u95ed\u52a8\u6548 ===== *\/\n @media (prefers-reduced-motion: reduce) {\n .prow-card {\n transition: none;\n }\n\n .prow-card:hover {\n transform: none;\n }\n\n .prow-car__track {\n transition: none !important;\n }\n\n .prow-dot {\n transition: none;\n }\n }\n <\/style>\n <style>\n html,\n body {\n margin: 0;\n padding: 0\n }\n <\/style>\n<\/head>\n\n<body>\n <section class=\"prow\">\n \n\n <h2 class=\"prow__title\">Global Partners Review<\/h2>\n\n <div class=\"prow-car\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Global partners review\">\n <div class=\"prow-car__viewport\">\n <div class=\"prow-car__track\"><\/div>\n <\/div>\n\n <div class=\"prow-car__dots\" aria-label=\"Choose a review\"><\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ ============================================================\n \/\/ \u5408\u4f5c\u4f19\u4f34\u8bc4\u4ef7 \u00b7 \u7edf\u4e00\u914d\u7f6e\u5165\u53e3\uff08SEO \u7ef4\u62a4\u533a\uff09\n \/\/ \u65b0\u589e\u5361\u7247\uff1a\u5728 PARTNER_CARDS \u6570\u7ec4\u52a0\u4e00\u9879\u5373\u53ef\uff0c\u65e0\u9700\u6539 HTML\u3002\n \/\/ ============================================================\n var PARTNER_CARDS = [\n {\n name: \"Marcus Thorne\",\n loc: \"Denver, Colorado, USA\",\n role: \"Occupational Safety Director\",\n quote: \"Our personnel operate in demanding industrial environments, so equipment durability is a strict requirement. We deployed the EV-12 safety badges to replace our older units. They handle the exposure to dust, moisture, and physical impact expected on our sites. More importantly, the SOS transmission remains consistent. It\u2019s a functional, heavy-duty tool that meets our occupational safety standards.\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Intersect-1.png\"\n },\n {\n name: \"Sarah Jenkins\",\n loc: \"Dallas, Texas, USA\",\n role: \"Director of Operations\",\n quote: \"Managing a monitoring center is all about predictability. False alarms and battery issues disrupt our workflow. Since integrating the EV-07B, we\u2019ve seen a measurable decrease in false positives. The battery life meets our operational requirements, which means fewer mid-shift device swaps. It's a stable piece of hardware that does its job, allowing our team to focus on actual emergencies.\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Intersect-2.png\"\n },\n {\n name: \"David Chen\",\n loc: \"San Jose, California, USA\",\n role: \"Chief Technology Officer\",\n quote: \"Hardware integration usually requires significant engineering overhead. With EVIEW, the process was straightforward. Their API documentation is clear, and the custom firmware they provided aligned with our cloud infrastructure requirements. The data output from their fall detection algorithm is structured and reliable. It\u2019s a pragmatic hardware solution that integrates well with our existing software stack.\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Intersect-3.png\"\n },\n {\n name: \"Ellenor Hughes\",\n loc: \"London, United Kingdom\",\n role: \"Head of Procurement\",\n quote: \"In the telecare sector, procurement decisions are heavily driven by compliance and risk mitigation. We evaluated several vendors, and EVIEW met our criteria for global certifications and manufacturing standards. Over the past year of deploying their pendants, the hardware failure rate has remained well within our acceptable margins. It\u2019s a dependable choice that aligns with our institutional safety protocols.\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Intersect-4.png\"\n },\n {\n name: \"Julien Laurent\",\n loc: \"Lyon, France\",\n role: \"CEO & Founder\",\n quote: \"During the expansion of our service offers, we had need of a hardware supplier capable to manage specific demands without prolonging our delay for the market. EVIEW provided the necessary firmware adjustments and delivered the prototypes exactly in time. This permitted us to bypass the habitual delays linked to hardware R&D, and to respect our launch calendar. They are a very pragmatic and reactive partner for our supply chain.\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Intersect-5.png\"\n }\n ];\n\n \/\/ ===== \u6e32\u67d3 =====\n function mpersPartnersInit() {\n var root = (document.currentScript && document.currentScript.closest(\".prow\"))\n || document.querySelector(\".prow\");\n if (!root) return;\n var car = root.querySelector(\".prow-car\");\n var viewport = car.querySelector(\".prow-car__viewport\");\n var track = car.querySelector(\".prow-car__track\");\n var dotsWrap = car.querySelector(\".prow-car__dots\");\n if (!car || !viewport || !track) return;\n\n var cards = PARTNER_CARDS;\n var realLen = cards.length;\n var AUTOPLAY = 4200;\n var REDUCE = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n var index = 0; \/\/ \u5f53\u524d\u5728\u300c\u514b\u9686\u6269\u5c55\u8f68\u9053\u300d\u4e2d\u7684\u4f4d\u7f6e\n var perView = 3;\n var clones = 0;\n var slideW = 0;\n var timer = null;\n var hoverPaused = false;\n var dragging = false, startX = 0, deltaX = 0;\n\n function esc(s) {\n return String(s).replace(\/[\"&<>]\/g, function (ch) {\n return { '\"': \""\", \"&\": \"&\", \"<\": \"<\", \">\": \">\" }[ch];\n });\n }\n\n function initials(s) {\n return String(s).split(\/\\s+\/).filter(Boolean).slice(0, 2)\n .map(function (w) { return w.charAt(0).toUpperCase(); })\n .join(\"\");\n }\n\n function avatarHtml(p) {\n var alt = esc(p.alt || p.name);\n if (p.image) {\n return '<img class=\"prow-avatar\" src=\"' + esc(p.image) + '\" alt=\"' + alt + '\" loading=\"lazy\" decoding=\"async\" \/>';\n }\n return '<span class=\"prow-avatar prow-avatar--initials\" aria-hidden=\"true\">' + esc(initials(p.name)) + '<\/span>';\n }\n\n function cardHtml(p) {\n return '<article class=\"prow-card\">'\n + avatarHtml(p)\n + '<h3 class=\"prow-name\">' + esc(p.name) + '<\/h3>'\n + '<p class=\"prow-loc\">' + esc(p.loc) + '<\/p>'\n + '<div class=\"prow-role\">' + esc(p.role) + '<\/div>'\n + '<p class=\"prow-quote\">' + esc(p.quote) + '<\/p>'\n + '<\/article>';\n }\n\n \/\/ \u684c\u9762\u7ec4\u4ef6\u56fa\u5b9a 3 \u5f20\u53ef\u89c1\uff08\u79fb\u52a8\u7aef\u5355\u72ec\u9879\u76ee\uff0c\u4e0d\u518d\u505a 3\u21922\u21921 \u54cd\u5e94\u5f0f\u5207\u6362\uff09\n function perViewFor() {\n return 3;\n }\n\n function activeIndex() {\n return ((index - clones) % realLen + realLen) % realLen;\n }\n\n function trackTransform() {\n return \"translateX(\" + (-(index * slideW) + (dragging ? deltaX : 0)) + \"px)\";\n }\n\n function render(animate) {\n track.style.transition = (animate && !REDUCE)\n ? \"transform 0.55s cubic-bezier(0.4, 0, 0.2, 1)\"\n : \"none\";\n track.style.transform = trackTransform();\n }\n\n function updateDots() {\n if (!dotsWrap) return;\n var active = activeIndex();\n for (var i = 0; i < dotsWrap.children.length; i++) {\n var el = dotsWrap.children[i];\n el.className = \"prow-dot\" + (i === active ? \" prow-dot--active\" : \"\");\n if (i === active) { el.setAttribute(\"aria-current\", \"true\"); }\n else { el.removeAttribute(\"aria-current\"); }\n }\n }\n\n function snapClones() {\n \/\/ \u52a8\u753b\u843d\u8fdb\u300c\u514b\u9686\u533a\u300d\uff08\u9996\u5c3e\uff09\u540e\uff0c\u539f\u4f4d\u77ac\u79fb\u5230\u5bf9\u5e94\u7684\u771f\u5b9e\u5361\u7247\uff0c\u5b9e\u73b0\u65e0\u7f1d\u5faa\u73af\n if (index < clones) {\n index += realLen;\n } else if (index >= clones + realLen) {\n index -= realLen;\n }\n }\n\n function onTransitionEnd() {\n var before = index;\n snapClones();\n if (before !== index) render(false);\n updateDots();\n }\n\n function go(dir) {\n index += dir;\n render(true);\n \/\/ \u624b\u52a8\u5207\u6362\u540e\u91cd\u7f6e\u81ea\u52a8\u8ba1\u65f6\uff0c\u907f\u514d\u521a\u5207\u5c31\u88ab\u81ea\u52a8\u63a5\u7ba1\n startAuto();\n }\n\n function build(pv) {\n pv = pv || perViewFor();\n perView = pv;\n var c = Math.max(1, Math.min(perView, realLen - 1));\n clones = c;\n car.style.setProperty(\"--per-view\", perView);\n\n var prepend = [], append = [];\n if (realLen > perView) {\n prepend = cards.slice(realLen - c);\n append = cards.slice(0, c);\n }\n var arr = prepend.concat(cards).concat(append);\n var html = \"\";\n for (var i = 0; i < arr.length; i++) {\n html += '<div class=\"prow-slide\">' + cardHtml(arr[i]) + '<\/div>';\n }\n track.innerHTML = html;\n\n var dhtml = \"\";\n for (var d = 0; d < realLen; d++) {\n dhtml += '<button class=\"prow-dot\" type=\"button\" aria-label=\"Go to card ' + (d + 1) + '\"><\/button>';\n }\n if (dotsWrap) dotsWrap.innerHTML = dhtml;\n\n index = clones; \/\/ \u843d\u5728\u7b2c\u4e00\u5f20\u771f\u5b9e\u5361\u7247\n measure();\n }\n\n function measure() {\n slideW = track.children[0] ? track.children[0].getBoundingClientRect().width\n : viewport.clientWidth \/ perView;\n render(false);\n updateDots();\n }\n\n function startAuto() {\n stopAuto();\n if (REDUCE) return;\n if (realLen <= perView) return; \/\/ \u5168\u90e8\u53ef\u89c1\uff0c\u65e0\u9700\u8f6e\u64ad\n timer = setInterval(function () {\n if (!dragging && !hoverPaused) go(1);\n }, AUTOPLAY);\n }\n\n function stopAuto() {\n if (timer) { clearInterval(timer); timer = null; }\n }\n\n \/\/ ===== \u4e8b\u4ef6 =====\n car.addEventListener(\"mouseenter\", function () { hoverPaused = true; });\n car.addEventListener(\"mouseleave\", function () { hoverPaused = false; });\n \/\/ \u805a\u7126\u5230\u6307\u793a\u6761\u65f6\u6682\u505c\u81ea\u52a8\u8f6e\u64ad\uff0c\u907f\u514d\u7528\u6237\u6b63\u5728\u9009\u62e9\u5374\u88ab\u81ea\u52a8\u5207\u8d70\n car.addEventListener(\"focusin\", function () { hoverPaused = true; });\n car.addEventListener(\"focusout\", function () { hoverPaused = false; });\n\n if (dotsWrap) {\n dotsWrap.addEventListener(\"click\", function (e) {\n var dot = e.target.closest(\".prow-dot\");\n if (!dot) return;\n var idx = Array.prototype.indexOf.call(dotsWrap.children, dot);\n index = clones + idx;\n render(true);\n startAuto();\n });\n }\n\n track.addEventListener(\"transitionend\", function (e) {\n if (e.propertyName === \"transform\") onTransitionEnd();\n });\n\n \/\/ ===== \u62d6\u62fd \/ \u89e6\u6478\u6ed1\u52a8\uff08\u5de6\u53f3\uff09 =====\n viewport.addEventListener(\"pointerdown\", function (e) {\n if (e.pointerType === \"mouse\" && e.button !== 0) return;\n dragging = true;\n startX = e.clientX;\n deltaX = 0;\n track.style.transition = \"none\";\n });\n\n window.addEventListener(\"pointermove\", function (e) {\n if (!dragging) return;\n deltaX = e.clientX - startX;\n track.style.transform = \"translateX(\" + (-(index * slideW) + deltaX) + \"px)\";\n });\n\n window.addEventListener(\"pointerup\", function () {\n if (!dragging) return;\n dragging = false;\n if (deltaX < -42) { go(1); }\n else if (deltaX > 42) { go(-1); }\n else { render(true); }\n });\n\n viewport.addEventListener(\"pointercancel\", function () {\n dragging = false;\n render(true);\n });\n\n \/\/ ===== \u7a97\u53e3\u5c3a\u5bf8\u53d8\u5316\u65f6\u4ec5\u91cd\u7b97\u8f68\u9053\u5bbd\u5ea6\uff08\u53ef\u89c1\u5f20\u6570\u56fa\u5b9a 3\uff0c\u65e0\u9700\u91cd\u5efa\uff09 =====\n var rt = null;\n window.addEventListener(\"resize\", function () {\n clearTimeout(rt);\n rt = setTimeout(function () {\n measure();\n }, 120);\n });\n\n \/\/ ===== \u521d\u59cb\u5316 =====\n build(perViewFor());\n startAuto();\n }\n\n \/\/ WP \/ Elementor \u4f1a\u628a\u81ea\u5b9a\u4e49 HTML \u7684 <script> \u632a\u52a8\u6216\u5ef6\u540e\uff0cDOM \u53ef\u80fd\u5c1a\u672a\u5c31\u7eea\uff0c\n \/\/ \u5bfc\u81f4 mpersPartnersInit \u91cc\u67e5\u4e0d\u5230 .prow \u800c\u63d0\u524d return\u3002\u8fd9\u91cc\u7528 DOMContentLoaded\n \/\/ \u5b88\u536b\uff0c\u786e\u4fdd\u5361\u7247\u6240\u5c5e\u5bb9\u5668\u5c31\u7eea\u540e\u518d\u521d\u59cb\u5316\u4e00\u6b21\uff08\u5177\u540d\u51fd\u6570\uff0c\u53ef\u5b89\u5168\u91cd\u590d\u8c03\u7528\uff09\u3002\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", function () { mpersPartnersInit(); });\n } else {\n mpersPartnersInit();\n }\n <\/script>\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e93396f e-flex e-con-boxed e-con e-parent\" data-id=\"e93396f\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10c9442 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"10c9442\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Proven Platform Integration<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed98297 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"ed98297\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span data-font-family=\"default\">Our devices are already integrated with leading telematics and <\/span><span data-font-family=\"default\">management <\/span><span data-font-family=\"default\">platforms. We provide clear protocol documentation and hands-on engineering support to ensure a predictable and smooth deployment.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e754b61 e-flex e-con-boxed e-con e-parent\" data-id=\"e754b61\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f1a3df elementor-widget elementor-widget-heading\" data-id=\"1f1a3df\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">NEWS&BLOG<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1de4f6b elementor-grid-1 elementor-widget__width-initial elementor-grid-tablet-1 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"1de4f6b\" data-element_type=\"widget\" data-settings=\"{"template_id":"3120","columns":1,"row_gap":{"unit":"px","size":16,"sizes":[]},"columns_tablet":1,"_skin":"post","columns_mobile":"1","edit_handle_selector":"[data-elementor-type=\\"loop-item\\"]","row_gap_laptop":{"unit":"px","size":"","sizes":[]},"row_gap_tablet":{"unit":"px","size":"","sizes":[]},"row_gap_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"loop-grid.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-loop-container elementor-grid\">\n\t\t<style id=\"loop-3120\">.elementor-3120 .elementor-element.elementor-element-402444b0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3120 .elementor-element.elementor-element-39aaf80d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-3120 .elementor-element.elementor-element-4fe8750 img{max-width:476px;height:255px;border-radius:0px 0px 0px 0px;}.elementor-3120 .elementor-element.elementor-element-11a6921{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:7px 7px;--row-gap:7px;--column-gap:7px;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:80px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3120 .elementor-element.elementor-element-453fb47d{text-align:left;}.elementor-3120 .elementor-element.elementor-element-453fb47d .elementor-heading-title{font-family:\"ev300\", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;color:var( --e-global-color-text );}.elementor-widget-theme-post-excerpt .elementor-widget-container{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-3120 .elementor-element.elementor-element-2b8bbff > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-3120 .elementor-element.elementor-element-2b8bbff .elementor-widget-container{color:var( --e-global-color-text );font-family:\"ev300\", Sans-serif;font-size:16px;font-weight:600;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3120 .elementor-element.elementor-element-e7d91b6 .elementor-button{background-color:var( --e-global-color-86ed827 );font-family:\"ev300\", Sans-serif;font-size:20px;font-weight:600;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:30px 30px 30px 30px;padding:10px 45px 10px 45px;}.elementor-3120 .elementor-element.elementor-element-e7d91b6 .elementor-button:hover, .elementor-3120 .elementor-element.elementor-element-e7d91b6 .elementor-button:focus{background-color:var( --e-global-color-86ed827 );color:var( --e-global-color-secondary );}.elementor-3120 .elementor-element.elementor-element-e7d91b6 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-3120 .elementor-element.elementor-element-e7d91b6 .elementor-button:hover svg, .elementor-3120 .elementor-element.elementor-element-e7d91b6 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}@media(min-width:385px){.elementor-3120 .elementor-element.elementor-element-11a6921{--width:100%;}}@media(max-width:1366px){.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-theme-post-excerpt .elementor-widget-container{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:600px){.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-3120 .elementor-element.elementor-element-4fe8750 img{width:100%;max-width:600px;}.elementor-3120 .elementor-element.elementor-element-11a6921{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-theme-post-excerpt .elementor-widget-container{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:384px){.elementor-3120 .elementor-element.elementor-element-402444b0{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:6px;--padding-bottom:6px;--padding-left:6px;--padding-right:6px;}.elementor-3120 .elementor-element.elementor-element-39aaf80d{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-3120 .elementor-element.elementor-element-11a6921{--width:100%;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3120 .elementor-element.elementor-element-453fb47d .elementor-heading-title{font-size:16px;}.elementor-widget-theme-post-excerpt .elementor-widget-container{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:600px) and (min-width:385px){.elementor-3120 .elementor-element.elementor-element-402444b0{--width:100%;}.elementor-3120 .elementor-element.elementor-element-39aaf80d{--width:100%;}}<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"3120\" class=\"elementor elementor-3120 e-loop-item e-loop-item-20002 post-20002 post type-post status-publish format-standard has-post-thumbnail hentry category-blogs category-mpers-blog\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-402444b0 e-con-full e-flex e-con e-parent\" data-id=\"402444b0\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-39aaf80d e-con-full e-flex e-con e-child\" data-id=\"39aaf80d\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fe8750 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"4fe8750\" data-element_type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"476\" height=\"255\" data-src=\"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/02\/banner-\u84dd-1.png\" class=\"attachment-large size-large wp-image-20729 lazyload\" alt=\"\" data-srcset=\"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/02\/banner-\u84dd-1.png 476w, https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/02\/banner-\u84dd-1-300x161.png 300w, https:\/\/www.eviewconnect.com\/wp-content\/smush-webp\/2026\/02\/banner-\u84dd-1-18x10.png.webp 18w\" data-sizes=\"(max-width: 476px) 100vw, 476px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 476px; --smush-placeholder-aspect-ratio: 476\/255;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11a6921 e-con-full e-flex e-con e-child\" data-id=\"11a6921\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-453fb47d elementor-widget elementor-widget-heading\" data-id=\"453fb47d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.eviewconnect.com\/ja\/personal-emergency-response-system-pers-guide\/\">Personal Emergency Response System (PERS) Guide: Cost, Reviews & Best Systems for Seniors<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b8bbff elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"2b8bbff\" data-element_type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p>A personal emergency response system (PERS) \u2014 sometimes called a medical alert system \u2014 is . . .\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7d91b6 elementor-widget elementor-widget-button\" data-id=\"e7d91b6\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.eviewconnect.com\/ja\/personal-emergency-response-system-pers-guide\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"3120\" class=\"elementor elementor-3120 e-loop-item e-loop-item-19885 post-19885 post type-post status-publish format-standard has-post-thumbnail hentry category-blogs category-mpers-blog\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-402444b0 e-con-full e-flex e-con e-parent\" data-id=\"402444b0\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-39aaf80d e-con-full e-flex e-con e-child\" data-id=\"39aaf80d\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fe8750 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"4fe8750\" data-element_type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"476\" height=\"255\" data-src=\"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/02\/\u8001\u4eba12-1-1.png\" class=\"attachment-large size-large wp-image-20732 lazyload\" alt=\"\" data-srcset=\"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/02\/\u8001\u4eba12-1-1.png 476w, https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/02\/\u8001\u4eba12-1-1-300x161.png 300w, https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/02\/\u8001\u4eba12-1-1-18x10.png 18w\" data-sizes=\"(max-width: 476px) 100vw, 476px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 476px; --smush-placeholder-aspect-ratio: 476\/255;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11a6921 e-con-full e-flex e-con e-child\" data-id=\"11a6921\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-453fb47d elementor-widget elementor-widget-heading\" data-id=\"453fb47d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.eviewconnect.com\/ja\/why-mpers-for-monitoring-centers-are-operationally-essential\/\">Why mPERS for Monitoring Centers Are Operationally Essential<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b8bbff elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"2b8bbff\" data-element_type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p> Modern alarm receiving centers (ARCs) and telecare providers don\u2019t just need more alerts\u2014they need . . .\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7d91b6 elementor-widget elementor-widget-button\" data-id=\"e7d91b6\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.eviewconnect.com\/ja\/why-mpers-for-monitoring-centers-are-operationally-essential\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Smart Wearables App Download Buttons mPERS \u00b7 OEM Intro Our Target Users Eview \u00b7 Support mPERS Products Support Capabilities Across Commercial and Deployment Requirements Our support framework covers key requirements across commercialization, system integration, and product customization. \u5b98\u7f51\u9996\u9875 Global Partners Review<\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","footnotes":""},"class_list":["post-16939","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.eviewconnect.com\/ja\/wp-json\/wp\/v2\/pages\/16939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.eviewconnect.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.eviewconnect.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.eviewconnect.com\/ja\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.eviewconnect.com\/ja\/wp-json\/wp\/v2\/comments?post=16939"}],"version-history":[{"count":30,"href":"https:\/\/www.eviewconnect.com\/ja\/wp-json\/wp\/v2\/pages\/16939\/revisions"}],"predecessor-version":[{"id":23299,"href":"https:\/\/www.eviewconnect.com\/ja\/wp-json\/wp\/v2\/pages\/16939\/revisions\/23299"}],"wp:attachment":[{"href":"https:\/\/www.eviewconnect.com\/ja\/wp-json\/wp\/v2\/media?parent=16939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}