{"id":24589,"date":"2026-10-26T06:29:57","date_gmt":"2026-10-26T06:29:57","guid":{"rendered":"https:\/\/www.eviewconnect.com\/?page_id=24589"},"modified":"2026-10-27T09:55:54","modified_gmt":"2026-10-27T09:55:54","slug":"disabled-people","status":"publish","type":"page","link":"https:\/\/www.eviewconnect.com\/ja\/disabled-people\/","title":{"rendered":"\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3 - \u969c\u5bb3\u306e\u3042\u308b\u4eba\u3005"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Disability Support Solution<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Empower Independent Living Wherever Users Go<\/p>

\u00a0<\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

A complete safety solution featuring adaptive GPS alarms, accessible emergency controls, ambient sensors, open platform integration. Engineered for disability care providers seeking reliable protection for individuals with diverse physical, sensory, cognitive needs.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tContact Us<\/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\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Common Gaps in Lone Worker Safety and Compliance<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n \n \n Why Consumer Devices Fall Short<\/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;800&display=swap\"\n rel=\"stylesheet\" \/>\n <style>\n body {\n margin: 0;\n }\n\n \/* ===== \u5206\u533a\u5bb9\u5668\uff1a\u5916\u5c42\u6d45\u84dd\u6e10\u53d8\u80cc\u666f ===== *\/\n .why,\n .why *,\n .why *::before,\n .why *::after {\n box-sizing: border-box;\n }\n\n .why {\n width: 100%;\n margin: 0;\n padding: 0;\n font-family: \"Montserrat\", Arial, sans-serif;\n color: #15395E;\n \/* background: linear-gradient(180deg, #DCE9FB 0%, #C7DCF4 100%); *\/\n }\n\n .why__inner {\n max-width: 1440px;\n margin: 0 auto;\n }\n\n \/* ===== \u4e24\u5361\u7f51\u683c ===== *\/\n .why__grid {\n display: grid;\n grid-template-columns: auto auto; \/* \u5217\u5bbd\u53d6\u5361\u7247\u81ea\u7136\u5bbd\uff0c\u4e0d\u62c9\u4f38\u5361\u7247 *\/\n justify-content: space-between; \/* \u4e24\u7aef\u5bf9\u9f50\uff1a\u5de6\u53f3\u5404\u4e00\u5f20\uff0c\u4e2d\u95f4\u7559\u7a7a *\/\n gap: 40px;\n align-items: stretch; \/* \u4e24\u5361\u540c\u9ad8\u6491\u6ee1\u540c\u4e00\u884c *\/\n }\n\n \/* ===== \u5361\u7247\uff1a\u767d\u5e95 + \u5706\u89d2 + \u9634\u5f71\uff0c\u6eda\u5165\u89c6\u53e3\u4ece\u4e0b\u5f80\u4e0a\u6de1\u5165 ===== *\/\n .why__card {\n display: flex;\n flex-direction: column;\n background: #e0efff;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 16px 40px rgba(21, 57, 94, 0.10);\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.7s ease, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease;\n }\n\n \/* \u9f20\u6807\u79fb\u5165\u5361\u7247\uff08\u542b\u6b63\u6587\u533a\u57df\uff09\uff1a\u6574\u5361\u8f7b\u5fae\u4e0a\u6d6e + \u6295\u5f71\u52a0\u6df1\u2014\u2014\u4e0e\u56fe\u7247\u7f29\u653e\u4e0d\u540c\u7684\u53e6\u4e00\u5957\u52a8\u753b *\/\n .why__card:hover,\n .why.is-inview .why__card:hover {\n transform: translateY(-5px);\n box-shadow: 0 24px 54px rgba(21, 57, 94, 0.16);\n }\n\n .why.is-inview .why__card {\n opacity: 1;\n transform: translateY(0);\n }\n\n .why__grid .why__card:nth-child(2) {\n transition-delay: 0.12s;\n }\n\n \/* ===== \u9876\u90e8\u56fe\u7247\uff1a\u4ec5\u9f20\u6807\u79fb\u5165\u56fe\u7247\u672c\u8eab\u65f6\u8f7b\u5fae\u653e\u5927\uff08\u906e\u4f4f\u6ea2\u51fa\uff09 ===== *\/\n .why__media {\n position: relative;\n overflow: hidden;\n line-height: 0;\n }\n\n .why__media img {\n display: block;\n width: 100%;\n height: 300px;\n object-fit: cover;\n object-position: center;\n border: 0;\n \/* \u52a0\u8f7d\u524d\u900f\u660e\uff08\u900f\u51fa\u5361\u7247\u80cc\u666f\uff09+ \u6de1\u5165 *\/\n opacity: 0;\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n\n .why__media img.is-loaded {\n opacity: 1;\n }\n\n .why__media:hover img {\n transform: scale(1.05);\n \/* \u9f20\u6807\u79fb\u5165\u56fe\u7247 \u2192 \u56fe\u7247\u8f7b\u5fae\u653e\u5927 *\/\n }\n\n \/* ===== \u5361\u7247\u6b63\u6587\uff1a\u80cc\u666f\u4ece\u56fe\u7247\u4e0b\u65b9\u5f00\u59cb\u94fa\uff08\u534a\u900f\u660e\u767d \u2192 \u6d45\u84dd\u5411\u4e0b\u6e10\u9690\uff09 ===== *\/\n .why__body {\n flex: 1;\n padding: 28px 30px 34px;\n background: linear-gradient(180deg, #FFFFFF80 0%, #ecf4fe 45%, #e0efff 100%);\n }\n\n .why__title {\n margin: 0;\n font-size: 24px;\n font-weight: 700;\n line-height: 1.25;\n color: #15395E;\n text-align: center;\n \/* \u4e24\u5361\u6807\u9898\u7edf\u4e00\u5c45\u4e2d *\/\n }\n\n .why__intro {\n margin: 12px 24px 0;\n font-size: 15px;\n font-weight: 600;\n line-height: 1.6;\n color: #15395E;\n text-align: center;\n \/* \u4e24\u5361\u5bfc\u8bed\u7edf\u4e00\u5c45\u4e2d *\/\n min-height: 4.4em;\n \/* \u526f\u6807\u9898\u9884\u7559\u4e00\u81f4\u9ad8\u5ea6\uff1a\u4e24\u5361\u6807\u9898+\u5bfc\u8bed\u533a\u7b49\u9ad8\uff0c\u4e0b\u65b9\u5217\u8868\u5bf9\u9f50\u3001\u5361\u7247\u540c\u9ad8 *\/\n }\n\n \/* ===== \u56fe\u6807\u5217\u8868 ===== *\/\n .why__list {\n margin: 24px 0 0;\n padding: 0;\n list-style: none;\n }\n\n .why__item {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n margin: 18px 0;\n }\n\n .why__icon {\n flex: none;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: grid;\n place-items: center;\n color: #fff;\n overflow: hidden; \/* \u65b9\u5f62\u56fe\u6309\u5706\u88c1\u5207\uff1b\u81ea\u5e26\u5706\u5f62\u5fbd\u7ae0\u7684\u56fe\u4e0d\u53d7\u5f71\u54cd *\/\n }\n\n \/* \u56fe\u6807\u6539\u6210\u56fe\u7247\uff08\u539f\u5148\u662f\u5185\u8054 SVG \u8def\u5f84\uff09\u3002\u7528 contain \u4e0d\u88c1\u5207\u5bf9\u65b9\u7ed9\u7684\u6210\u54c1\u56fe\u3002\n \u6ce8\u610f\uff1a\u5706\u4e0a\u7684 iconColor \u5e95\u8272**\u4e0d\u80fd**\u57ab\u5728\u56fe\u7247\u540e\u9762\u2014\u2014\u6210\u54c1\u56fe\u56db\u89d2\u662f\u900f\u660e\u7684\uff0c\n \u5e95\u8272\u4f1a\u4ece\u900f\u660e\u5904\u900f\u51fa\u6765\uff0c\u628a\u5fbd\u7ae0\u7cca\u6210\u4e00\u4e2a\u7eaf\u8272\u5b9e\u5fc3\u5706\u3002\u6240\u4ee5\u5e95\u8272\u53ea\u5728\n \u300c\u6ca1\u6709\u56fe\u6807\u300d\u6216\u300c\u56fe\u52a0\u8f7d\u5931\u8d25\u300d\u65f6\u624d\u7531 JS \u8865\u4e0a\uff08\u89c1 itemHtml \/ onerror\uff09\u3002 *\/\n .why__icon img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .why__item-t {\n display: block;\n font-size: 17px;\n font-weight: 700;\n line-height: 1.3;\n color: #15395E;\n }\n\n .why__item-d {\n margin: 4px 0 0;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.55;\n color: #15395E;\n }\n\n \/* \u9879\u5185\u4e0b\u5212\u7ebf\u94fe\u63a5\uff08\u8bbe\u8ba1\u56fe\uff1aremote monitoring\u2026\uff09 *\/\n .why__link {\n color: #4CC7C4;\n text-decoration: underline;\n text-underline-offset: 2px;\n transition: color 0.25s ease;\n }\n\n .why__link:hover {\n color: #19A6A3;\n }\n\n \/* ===== \u51cf\u5c11\u52a8\u6548\uff1a\u5173\u95ed\u4f4d\u79fb\u4e0e\u7f29\u653e ===== *\/\n @media (prefers-reduced-motion: reduce) {\n .why__card {\n opacity: 1;\n transform: none;\n transition: none;\n }\n\n .why__media img,\n .why__link {\n transition: none;\n }\n\n .why__media img {\n opacity: 1; \/* \u5173\u95ed\u6de1\u5165\uff0c\u76f4\u63a5\u663e\u793a *\/\n }\n\n .why__card:hover,\n .why.is-inview .why__card:hover,\n .why__media:hover img {\n transform: none;\n }\n }\n\n \/* ===== \u54cd\u5e94\u5f0f\uff1a\u7a84\u5c4f\u6539\u5355\u5217 ===== *\/\n @media (max-width: 820px) {\n .why {\n padding: 32px 20px 44px;\n }\n\n .why__grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n\n .why__media img {\n height: 220px;\n }\n }\n\n @media (max-width: 480px) {\n .why__title {\n font-size: 20px;\n }\n\n .why__intro {\n font-size: 14px;\n }\n\n .why__item-t {\n font-size: 16px;\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=\"why\" id=\"why\">\n <!-- WP HTML \u5c0f\u5de5\u5177\uff1a\u5168\u9009\u7c98\u8d34\u3002\u7c7b\u540d\u5168\u90e8 why- \u524d\u7f00\uff0c\u907f\u514d\u4e0e\u4e3b\u9898\u6837\u5f0f\u51b2\u7a81\u3002\n \uff1d\uff1d \u914d\u7f6e\u5165\u53e3\uff08SEO \u7ef4\u62a4\u533a\uff09 \uff1d\uff1d\n \u540e\u671f\u53ea\u9700\u4fee\u6539\u4e0b\u65b9 WHY_CONFIG\uff0c\u5373\u53ef\u6362\u6587\u6848 \/ \u6362\u56fe \/ \u6362\u56fe\u6807 \/ \u6362\u914d\u8272\uff0c\u65e0\u9700\u52a8 HTML\u3002\n \u5b57\u6bb5\u8bf4\u660e\uff1a\n cards \u4e24\u4e2a\u5bf9\u6bd4\u5361\u6570\u7ec4\uff0c\u6bcf\u4e2a\u5143\u7d20\uff1a\n title \u5361\u7247\u6807\u9898\uff08\u9752 #4CC7C4\uff0c\u6807\u9898\/\u5bfc\u8bed\u7edf\u4e00\u5c45\u4e2d\uff0c\u5217\u8868\u5de6\u5bf9\u9f50\uff09\n image \u9876\u90e8\u4e3b\u56fe\u5730\u5740\uff08\u5f53\u524d\u4e3a\u5360\u4f4d\u56fe\uff0c\u66ff\u6362\u4e3a\u6b63\u5f0f\u56fe\uff09\n alt \u56fe\u7247\u66ff\u4ee3\u6587\u672c\uff08\u4f9b SEO \/ \u65e0\u969c\u788d\uff09\n iconColor \u56fe\u6807\u5706\u5e95\u8272\uff08\u5de6\u5361\u84dd #2E6BE6 \/ \u53f3\u5361\u9752 #4CC7C4\uff09\n intro \u5bfc\u8bed\u6bb5\u843d\uff08\u7eaf\u6587\u672c\uff09\n items \u56fe\u6807\u5217\u8868\uff0c\u6bcf\u4e2a\u5143\u7d20\uff1a\n t \u6761\u76ee\u6807\u9898\uff08\u52a0\u7c97\uff09\n d \u6761\u76ee\u6b63\u6587\uff08\u7eaf\u6587\u672c\uff1b\u5982\u9700\u4e0b\u5212\u7ebf\u8bcd\u6761\u53ef\u5185\u5d4c <a class=\"why__link\" href=\"\u2026\">\u6587\u5b57<\/a>\uff09\n icon \u6761\u76ee\u56fe\u6807\u56fe\u7247\u5730\u5740\uff08\u539f\u5148\u4e3a\u5185\u8054 SVG \u8def\u5f84\uff0c\u73b0\u4e3a\u56fe\u7247 URL\uff09\n \u73b0\u7528\u6210\u54c1\u56fe\u4e3a 56\u00d756 \u7684\u5706\u5f62\u5fbd\u7ae0\uff08\u81ea\u5e26\u5e95\u8272\u4e0e\u63cf\u8fb9\uff09\uff0c\n \u6e32\u67d3\u8fdb 40\u00d740 \u7684\u5706\u91cc\u7528 object-fit:contain\uff0c\u4e0d\u4f1a\u88ab\u88c1\u5207\uff1b\n \u6362\u6210\u65b9\u5f62\u56fe\u4e5f\u80fd\u663e\u793a\uff0c\u4f46\u4f1a\u88ab\u5706\u5f62\u5bb9\u5668\u5207\u6389\u56db\u89d2\u3002\n \u52a0\u8f7d\u5931\u8d25\u65f6\u81ea\u52a8\u9690\u85cf\u8be5\u56fe\u3001\u9732\u51fa iconColor \u7eaf\u8272\u5706\u3002\n \uff1d\uff1d \u52a8\u753b \uff1d\uff1d\n 1\uff09\u4e24\u5361\u6eda\u5165\u89c6\u53e3\u4ece\u5de6\u5230\u53f3\u4f9d\u6b21\u6de1\u5165\uff080.12s \u4ea4\u9519\uff09\n 2\uff09\u9f20\u6807\u79fb\u5165\u56fe\u7247 \u2192 \u56fe\u7247\u8f7b\u5fae\u653e\u5927\uff080.5s\uff09\n 3\uff09\u9f20\u6807\u79fb\u5165\u5361\u7247\uff08\u542b\u6b63\u6587\uff09\u2192 \u6574\u5361\u8f7b\u5fae\u4e0a\u6d6e + \u6295\u5f71\u52a0\u6df1\uff08\u4e0e\u56fe\u7247\u7f29\u653e\u4e0d\u540c\u7684\u53e6\u4e00\u5957\u52a8\u753b\uff09\n -->\n\n <div class=\"why__inner\">\n <div class=\"why__grid\" id=\"whyGrid\"><\/div>\n <\/div>\n\n <script>\n var WHY_CONFIG = {\n \/\/ \u56fe\u6807\uff1a6 \u4e2a items[].icon \u5747\u4e3a\u6b63\u5f0f\u6210\u54c1\u56fe\uff0856\u00d756 PNG \u5706\u5f62\u5b9e\u5fc3\u5fbd\u7ae0\uff0c\u81ea\u5e26\u5e95\u8272\u4e0e\u63cf\u8fb9\uff09\u3002\n \/\/ \u5de6\u5361\u4e09\u6761\u84dd\u8272\u7cfb\uff08Group-35188\/35189\/35190\uff09\uff0c\u53f3\u5361\u4e09\u6761\u9752\u8272\u7cfb\uff08Group-35191\/35192\/35193\uff09\uff0c\n \/\/ \u4e0e\u5404\u5361 iconColor \u4e00\u81f4\u3002\u6362\u56fe\u6807\u53ea\u9700\u66ff\u6362\u5730\u5740\uff0cHTML\/CSS \u90fd\u4e0d\u7528\u52a8\u3002\n cards: [\n {\n title: \"Why Consumer Devices Fall Short in Emergencies\",\n iconColor: \"#2E6BE6\", \/\/ \u5de6\u5361\u56fe\u6807\uff1a\u84dd\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/10\/\u6b8b\u969c\u4eba\u58eb-1-1.png\", \/\/ \u6b63\u5f0f\u56fe\n alt: \"The Limitations of Consumer Devices\",\n intro: \"While consumer smartphones, standard smartwatches, and basic GPS trackers may appear convenient, they lack the design for reliable protection during critical health incidents.\",\n items: [\n {\n t: \"Inaccessible Physical Controls\",\n d: \"Touchscreens, tiny side buttons, multi-level menus demand fine motor skills. Users with tremors, reduced grip strength, visual impairments struggle to trigger panic alerts during distress.\",\n icon: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35188-1.png\"\n },\n {\n t: \"Smartwatch Tethering Dependency\",\n d: \"Consumer smartwatches often depend on nearby companion phones or unstable Bluetooth links. Tethered setups fail when secondary batteries deplete or phones stay behind during transfers.\",\n icon: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35189-1.png\"\n },\n {\n t: \"Lack of Routine Context\",\n d: \"Standard fitness algorithms miss specialized disability risks. Without tailored motion logic, wheelchair transfer falls, prolonged immobility, cognitive disorientation episodes go unnoticed.\",\n icon: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35190-1.png\"\n }\n ]\n },\n {\n title: \"Operational Pressure on Care Dispatch Teams\",\n iconColor: \"#4CC7C4\", \/\/ \u53f3\u5361\u56fe\u6807\uff1a\u9752\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/10\/d19195c2bfac4258b6b4b85b7884541f.jpegtplv-a9rns2rl98-cgen_lwm3-1.png\", \/\/ \u6b63\u5f0f\u56fe\n alt: \"The Hidden Costs for Care Providers\",\n intro: \"For supported independent living operators, care organizations, specialized housing agencies, device shortcomings become severe operational liabilities.\",\n items: [\n {\n t: \"Escalating Support Costs\",\n d: \"User confusion, accidental triggers, frequent offline errors force teams into endless manual triage. Monitoring centers spend valuable time handling false alarms instead of real emergencies.\",\n icon: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35191-1.png\"\n },\n {\n t: \"Compliance Liability Exposure\",\n d: \"Regulatory frameworks demand auditable incident records, rapid intervention metrics. Consumer electronics cannot provide enterprise-grade audit trails, increasing legal, regulatory risks.\",\n icon: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35192-1.png\"\n },\n {\n t: \"Difficult Program Scaling\",\n d: \"Fragmented apps, inconsistent settings, multiple device types make staff training difficult. Organizations struggle transitioning high-needs clients into lower-cost independent settings efficiently.\",\n icon: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35193-1.png\"\n }\n ]\n }\n ]\n };\n\n function initModule() {\n var section = document.getElementById(\"why\");\n if (!section) return;\n\n function esc(s) {\n return String(s == null ? \"\" : s).replace(\/[\"&<>]\/g, function (ch) {\n return { '\"': \""\", \"&\": \"&\", \"<\": \"<\", \">\": \">\" }[ch];\n });\n }\n\n function itemHtml(it, color) {\n \/\/ icon \u73b0\u5728\u662f\u56fe\u7247\u5730\u5740\uff08\u539f\u5148\u662f\u5185\u8054 SVG \u8def\u5f84\u5b57\u7b26\u4e32\uff09\u3002\n \/\/ color \u4e0d\u76f4\u63a5\u94fa\u6210\u5706\u7684\u5e95\u8272\u2014\u2014\u6210\u54c1\u56fe\u6807\u91cc\u6709\u4e2d\u7a7a\u7684\u73af\u5f62\uff0c\u900f\u660e\u5904\u4f1a\u900f\u51fa\u5e95\u8272\u3001\n \/\/ \u628a\u73af\u7cca\u6210\u5b9e\u5fc3\u5706\u3002\u5e95\u8272\u5b58\u8fdb --ic\uff0c\u53ea\u5728\u6ca1\u56fe\u6807 \/ \u56fe\u52a0\u8f7d\u5931\u8d25\u65f6\u8865\u4e0a\u515c\u5e95\u3002\n var ic = it.icon\n ? '<img src=\"' + esc(it.icon) + '\" alt=\"\" decoding=\"async\" \/>'\n : '';\n var bg = ic ? '' : ';background:' + esc(color);\n return '<li class=\"why__item\">'\n + '<span class=\"why__icon\" style=\"--ic:' + esc(color) + bg + '\">'\n + ic\n + '<\/span>'\n + '<div class=\"why__item-txt\">'\n + '<span class=\"why__item-t\">' + esc(it.t) + '<\/span>'\n + '<p class=\"why__item-d\">' + (it.d || \"\") + '<\/p>' \/\/ d \u53ef\u542b\u5185\u8054 <a class=\"why__link\">\uff08\u53d7\u4fe1\u914d\u7f6e\uff09\n + '<\/div><\/li>';\n }\n\n var grid = document.getElementById(\"whyGrid\");\n if (grid) {\n grid.innerHTML = (WHY_CONFIG.cards || []).map(function (c) {\n return '<article class=\"why__card\">'\n + '<div class=\"why__media\"><img src=\"' + esc(c.image) + '\" alt=\"' + esc(c.alt || \"\") + '\" loading=\"lazy\" decoding=\"async\" \/><\/div>'\n + '<div class=\"why__body\">'\n + '<h3 class=\"why__title\">' + esc(c.title) + '<\/h3>'\n + '<p class=\"why__intro\">' + esc(c.intro) + '<\/p>'\n + '<ul class=\"why__list\">' + (c.items || []).map(function (it) { return itemHtml(it, c.iconColor); }).join(\"\") + '<\/ul>'\n + '<\/div><\/article>';\n }).join(\"\\n\");\n\n \/\/ \u56fe\u7247\u52a0\u8f7d\u4f18\u5316\uff1a\u52a0\u8f7d\u5b8c\u6210\uff08\u542b\u7f13\u5b58\u547d\u4e2d\uff09\u5e73\u6ed1\u6de1\u5165\uff1b\u52a0\u8f7d\u5931\u8d25\u4e5f\u76f4\u63a5\u663e\u793a\uff0c\u907f\u514d\u7a7a\u767d\u5360\u4f4d\n var imgs = grid.querySelectorAll(\".why__media img\");\n for (var i = 0; i < imgs.length; i++) {\n (function (img) {\n function mark() { img.classList.add(\"is-loaded\"); }\n img.addEventListener(\"load\", mark);\n img.addEventListener(\"error\", mark);\n if (img.complete) mark(); \/\/ \u5df2\u7f13\u5b58\/\u5df2\u52a0\u8f7d\u5b8c\uff1a\u7acb\u5373\u663e\u793a\uff0c\u4e0d\u6de1\u5165\n })(imgs[i]);\n }\n\n \/\/ \u6761\u76ee\u56fe\u6807\u52a0\u8f7d\u5931\u8d25 \u2192 \u9690\u85cf\u8be5\u56fe\u5e76\u8865\u56de iconColor \u7eaf\u8272\u5706\uff0c\u4e0d\u7559\u7834\u56fe\u6b8b\u76f8\n var iimgs = grid.querySelectorAll(\".why__icon img\");\n for (var k = 0; k < iimgs.length; k++) {\n iimgs[k].onerror = function () {\n var box = this.parentNode;\n this.style.display = \"none\";\n box.style.background = box.style.getPropertyValue(\"--ic\");\n };\n }\n }\n\n \/\/ ===== \u6eda\u5165\u89c6\u53e3\uff1a\u4e24\u5361\u4ece\u5de6\u5230\u53f3\u4f9d\u6b21\u6de1\u5165 =====\n (function () {\n var reduce = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n if (reduce) { section.classList.add(\"is-inview\"); return; }\n if (!(\"IntersectionObserver\" in window)) { section.classList.add(\"is-inview\"); return; }\n var io = new IntersectionObserver(function (entries) {\n entries.forEach(function (en) {\n if (!en.isIntersecting) return;\n section.classList.add(\"is-inview\");\n io.unobserve(section);\n });\n }, { threshold: 0.2 });\n io.observe(section);\n })();\n }\n\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", initModule);\n } else {\n initModule();\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<div class=\"elementor-element elementor-element-bffed51 elementor-widget elementor-widget-html\" data-id=\"bffed51\" 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>Sort Options<\/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;800&display=swap\"\n rel=\"stylesheet\" \/>\n <style>\n body {\n margin: 0;\n }\n\n .sr,\n .sr *,\n .sr *::before,\n .sr *::after {\n box-sizing: border-box;\n }\n\n .sr {\n width: 100%;\n margin: 0;\n padding: 0;\n font-family: \"Montserrat\", Arial, sans-serif;\n color: #15395e;\n }\n\n .sr__wrap {\n max-width: 1440px;\n margin: 0 auto;\n }\n\n \/* ===== \u533a\u5757\u6807\u9898 + \u526f\u6807\u9898\uff08\u6837\u5f0f\/\u6eda\u5165\u52a8\u753b\u5bf9\u9f50 mpers\/intro \u7684 om-intro\uff09 =====\n \u52a0 .sr \u524d\u7f00\u62ac\u9ad8\u6743\u91cd\uff0c\u538b\u8fc7 WP \u4e3b\u9898\u5bf9 h2\/p \u7684\u81ea\u5e26\u6837\u5f0f\uff08.entry-content h2 \u7b49\uff09\uff0c\u5426\u5219\u6807\u9898\u5b57\u53f7\/\u5c45\u4e2d\u4f1a\u88ab\u4e3b\u9898\u8986\u76d6 *\/\n .sr .sr__head {\n padding: 56px 0 56px;\n text-align: left;\n }\n\n .sr .sr__head-title {\n margin: 0;\n font-size: clamp(28px, 2.4vw, 44px);\n font-weight: 700;\n line-height: 1.12;\n color: #15395E;\n }\n\n .sr .sr__head-sub {\n margin: 22px 0 0;\n max-width: 820px;\n font-size: 19px;\n font-weight: 600;\n line-height: 1.65;\n color: #4a5b70;\n }\n\n \/* \u6eda\u5165\u89c6\u53e3\uff1a\u6807\u9898\u4e0e\u526f\u6807\u9898\u4ece\u4e0b\u5f80\u4e0a\u6de1\u5165\u4e0a\u79fb\uff0c\u526f\u6807\u9898\u7a0d\u540e 0.15s *\/\n .sr .sr__head-title,\n .sr .sr__head-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\n .sr.is-inview .sr__head-title,\n .sr.is-inview .sr__head-sub {\n opacity: 1;\n transform: translateY(0);\n }\n\n .sr.is-inview .sr__head-sub {\n transition-delay: 0.15s;\n }\n\n \/* ===== \u5361\u7247\u7f51\u683c\uff1a\u5217\u6570\u6309\u5361\u7247\u6570\u91cf\u81ea\u52a8\u51b3\u5b9a\u2014\u20143 \u5f20\u4e00\u884c 3 \u5217\u30014 \u5f20\u4e00\u884c 4 \u5217 ===== *\/\n .sr__grid {\n display: grid;\n grid-template-columns: repeat(var(--sr-cols, 3), 1fr);\n gap: 30px;\n align-items: end;\n \/* \u5361\u7247\u5e95\u90e8\u5bf9\u9f50\uff08\u5e95\u8fb9\u4e00\u6837\u9f50\uff09\uff1b\u4ec5\u4e09\u5f20\u65f6\u4e2d\u95f4\u5361\u9876\u56fe\u52a0\u9ad8\u4f7f\u5176\u66f4\u9ad8\u3001\u4e24\u4fa7\u7b49\u9ad8 *\/\n }\n\n \/* ===== \u9009\u9879\u5361\uff1a\u6574\u5361\u5bb9\u5668\u8d1f\u8d23\u201c\u4ece\u5de6\u5f80\u53f3\u4f9d\u6b21\u5f39\u51fa\u201d =====\n Apple \u5f0f\u6162\u5165\u573a\uff1a\u65f6\u957f\u62c9\u5230 1.5s\u3001\u4f4d\u79fb 48px\u3001\u7f13\u51fa\u53d6 (.28,.11,.32,1)\n \u2014\u2014\u8fd9\u6761\u66f2\u7ebf\u7684\u7279\u70b9\u662f\u8d77\u6b65\u5c31\u5feb\u3001\u5c3e\u5df4\u62d6\u5f97\u957f\uff0c\u5361\u7247\"\u6d6e\"\u4e0a\u6765\u800c\u4e0d\u662f\"\u5f39\"\u4e0a\u6765\u3002\n 0.6s \u90a3\u7248\u592a\u5feb\uff0c\u56db\u5f20\u5361\u51e0\u4e4e\u540c\u65f6\u7cca\u51fa\u6765\uff0c\u770b\u4e0d\u51fa\u5148\u540e\u3002\n\n \u5361\u7247\u81ea\u8eab\u53ea\u7ba1\u5165\u573a\uff1bhover \u4e0a\u6d6e\u8d70\u7684\u662f .sr__inner \u81ea\u5df1\u7684 0.4s\uff0c\n \u4e24\u6761\u8fc7\u6e21\u6302\u5728\u4e0d\u540c\u5143\u7d20\u4e0a\uff0c\u6162\u5165\u573a\u4e0d\u4f1a\u628a hover \u62d6\u6162\u3002 *\/\n .sr__card {\n opacity: 0;\n transform: translate3d(0, 48px, 0);\n transition:\n opacity 1.5s cubic-bezier(0.28, 0.11, 0.32, 1),\n transform 1.5s cubic-bezier(0.28, 0.11, 0.32, 1);\n \/* \u9010\u5361\u4ea4\u9519\uff1a\u7b2c i \u5f20\u5ef6\u8fdf 0.12s + i*0.30s\uff0c\u56db\u5f20\u5361\u6574\u6bb5\u7ea6 2.5s *\/\n transition-delay: calc(0.12s + var(--i) * 0.3s);\n }\n\n .sr.is-inview .sr__card {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n\n \/* ===== \u5185\u90e8\u5bb9\u5668\uff08\u5a92\u4f53 + \u5361\u7247\u4e3b\u4f53\uff09\uff1ahover \u65f6\u6574\u5361\u8f7b\u5fae\u4e0a\u6d6e ===== *\/\n .sr__inner {\n cursor: pointer;\n transition: transform 0.4s ease;\n }\n\n .sr__inner:hover {\n transform: translateY(-6px);\n \/* \u60ac\u505c\u5230\u54ea\u5f20\uff0c\u54ea\u5f20\u6574\u4f53\u8f7b\u5fae\u4e0a\u6d6e *\/\n }\n\n \/* ===== \u9876\u90e8 3D \u56fe\u6807\/\u6570\u5b57\uff08\u56fe\u7247\uff0cSEO \u53ef\u6362\uff09 ===== *\/\n .sr__media {\n display: flex;\n justify-content: center;\n }\n\n .sr__media img {\n display: block;\n width: 100%;\n max-width: 340px;\n height: 330px;\n object-fit: contain;\n object-position: center;\n border: 0;\n \/* \u52a0\u8f7d\u5b8c\u6210\u624d\u6de1\u5165\uff1a\u907f\u514d\u5237\u65b0\u540e\u56fe\u7247\u77ac\u95f4\u51fa\u73b0\u5bfc\u81f4\u660e\u6697\u7a81\u53d8\u3002\n \u65f6\u957f\u8ddf\u4e0a\u5361\u7247\u8282\u594f\uff0c\u56fe\u548c\u5361\u4e00\u8d77\"\u6d6e\"\u51fa\u6765\uff0c\u4e0d\u8981\u56fe\u5148\u4eae\u5b8c\u5361\u8fd8\u5728\u98d8 *\/\n opacity: 0;\n transition: opacity 0.8s ease;\n }\n\n \/* \u4e2d\u95f4\u5361\uff1a\u9876\u56fe\u66f4\u5927 + \u5361\u7247\u4e3b\u4f53\u66f4\u9ad8\uff1b\u4e24\u4fa7\u5361\u7b49\u9ad8\u4e00\u81f4 *\/\n .sr__card--mid .sr__media img {\n height: 330px;\n }\n\n .sr__card--mid .sr__body,\n .sr__card--tall .sr__body {\n min-height: 520px;\n \/* \u52a0\u9ad8\u5361\u4e3b\u4f53\u6bd4\u76f8\u90bb\u5361\u66f4\u9ad8\uff08\u9519\u843d\uff09 *\/\n }\n\n \/* ===== \u5361\u7247\u4e3b\u4f53\uff1a\u767d\u6e10\u53d8\u5e95 + \u5706\u89d2 + \u9634\u5f71\uff0c\u4e0a\u62ac\u538b\u4f4f\u9876\u90e8\u56fe\u4e0b\u534a\u90e8 ===== *\/\n .sr__body {\n position: relative;\n z-index: 1;\n margin-top: -90px;\n \/* \u4e09\u5f20\u4e00\u81f4\u7684\u56fe\u7247\u2013\u5361\u7247\u91cd\u5408\u91cf\uff08\u56fe\u7247\u4e0b\u534a\u6bb5\u585e\u8fdb\u5361\u7247\u9876\u90e8\uff09 *\/\n padding: 66px 30px 34px;\n min-height: 420px;\n \/* \u4e09\u5f20\u5361\u7247\u4e3b\u4f53\u7edf\u4e00\u7b49\u9ad8\uff08\u8bbe\u8ba1\u56fe 420\u00d7427\uff09 *\/\n border-radius: 20px 20px 0 0;\n \/* \u4ec5\u9876\u90e8\u5706\u89d2\uff0c\u5e95\u90e8\u76f4\u89d2 *\/\n \/* \u5361\u7247\u80cc\u666f\u53c2\u8003 mpers\/Capabilities.html \u7684 .pcard\uff08\u767d\u2192\u6d45\u84dd\u6e10\u53d8\uff0c\u534a\u900f\u660e\u53ef\u900f\u51fa\u9876\u56fe\uff09 *\/\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(223, 239, 255, 0.5));\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n border: 5px solid transparent;\n \/* \u9ed8\u8ba4\u65e0\u53ef\u89c1\u8fb9\u6846\uff1b\u4ec5 hover \u5230\u7684\u90a3\u5f20\u5361\u4eae\u51fa\u9752\u8272\u8fb9\u6846 *\/\n box-shadow: 0 20px 48px rgba(41, 71, 110, 0.1);\n transition:\n box-shadow 0.4s ease,\n border-color 0.4s ease;\n text-align: center;\n }\n\n \/* \u60ac\u505c\uff1a\u5361\u7247\u6574\u4f53\u8f7b\u5fae\u4e0a\u6d6e + \u6295\u5f71\u52a0\u6df1\uff1b\u4e0d\u6539\u8fb9\u6846 *\/\n .sr__inner:hover .sr__body {\n box-shadow: 0 24px 54px rgba(41, 71, 110, 0.16);\n }\n\n .sr__title {\n margin: 0;\n font-size: 28px;\n font-weight: 700;\n line-height: 1.1;\n color: #15395e;\n \/* \u6240\u6709\u5361\u7247\u6807\u9898\u7edf\u4e00\u6df1\u84dd\uff0c\u4e0d\u4f7f\u7528\u5404\u81ea titleColor *\/\n }\n\n .sr__text {\n margin: 20px 0 0;\n font-size: 18px;\n font-weight: 600;\n line-height: 1.5;\n color: #15395e;\n }\n\n \/* ===== \u56db\u5f20\u4e00\u884c\uff08\u4e00\u884c 4 \u5f20\uff0c\u5361\u7247\u66f4\u7a84\uff09\uff1a\u6807\u9898\u4e0e\u6b63\u6587\u5b57\u53f7\u8c03\u5c0f ===== *\/\n .sr__grid--cols-4 .sr__title {\n font-size: 24px;\n }\n\n .sr__grid--cols-4 .sr__text {\n font-size: 15px;\n }\n\n \/* ===== \u51cf\u5c11\u52a8\u6548\uff1a\u5173\u95ed\u4ea4\u9519\u4e0e\u4f4d\u79fb ===== *\/\n @media (prefers-reduced-motion: reduce) {\n .sr__card {\n opacity: 1;\n transform: none;\n transition: none;\n transition-delay: 0s;\n }\n\n .sr__inner,\n .sr__body,\n .sr__head-title,\n .sr__head-sub {\n transition: none;\n }\n\n .sr__head-title,\n .sr__head-sub {\n opacity: 1;\n transform: none;\n }\n\n .sr__inner:hover {\n transform: none;\n }\n }\n\n \/* ===== \u54cd\u5e94\u5f0f ===== *\/\n @media (max-width: 900px) {\n .sr {\n padding: 32px 20px 44px;\n }\n\n .sr__grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n }\n\n @media (max-width: 480px) {\n .sr__title {\n font-size: 24px;\n }\n\n .sr__media img {\n height: 190px;\n }\n\n .sr__body {\n margin-top: -44px;\n padding: 44px 22px 28px;\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=\"sr\" id=\"sort\">\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u25bc SEO \u7ef4\u62a4\u533a\uff08\u6539\u8fd9\u91cc\u5c31\u884c\uff0c\u4e0d\u8981\u52a8\u4e0a\u9762\u7684\u4ee3\u7801\uff09\u25bc\n\n \u00b7 \u4e0b\u65b9 SORT_CONFIG.cards \u7684\u6bcf\u4e00\u9879\u5c31\u662f\u4e00\u5f20\u5361\n \u00b7 \u5361\u7247\u4e0a\u65b9\u533a\u5757\u6807\u9898\/\u526f\u6807\u9898\u6539 SORT_CONFIG.title \/ subtitle\n \u00b7 \u6bcf\u5f20\u5361\u53ef\u6539\uff1atitle \/ text \/ image \/ imageAlt\n \u00b7 \u6807\u9898\u989c\u8272\u7edf\u4e00 #15395E\uff0c\u4e0d\u968f\u5361\u7247\u53d8\n\n \u672c\u6a21\u5757\u662f WP \u5c0f\u90e8\u4ef6\uff0c\u5168\u9009\u590d\u5236\u5230\u9875\u9762\u5373\u53ef\u3002\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n -->\n\n <div class=\"sr__wrap\">\n <!-- \u533a\u5757\u6807\u9898 + \u526f\u6807\u9898\uff1a\u5185\u5bb9\u7531 SORT_CONFIG.title \/ subtitle \u6e32\u67d3\uff08\u89c1\u4e0b\u65b9 script\uff0cSEO \u6539\u914d\u7f6e\u5373\u53ef\uff09 -->\n <div class=\"sr__head\">\n <h2 class=\"sr__head-title\" id=\"srHeadTitle\"><\/h2>\n <p class=\"sr__head-sub\" id=\"srHeadSub\"><\/p>\n <\/div>\n <div class=\"sr__grid\" id=\"sortGrid\"><\/div>\n <\/div>\n\n <script>\n var SORT_CONFIG = {\n title: \"Core Capabilities for Reliable Disability Care\",\n subtitle:\n \"Built to turn care policies into real-time action, simplify daily use for clients, and help organizations scale consistent protection across communities.\",\n cards: [\n {\n title: \"Intelligent Fall Inactivity Detection\",\n text: \"Devices use motion sensors, tilt angles, configurable time thresholds to detect falls or prolonged immobility, triggering alerts even when the user cannot press SOS.\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35903.png\", \/\/ Environmental Monitoring 3D icon\n imageAlt: \"Intelligent Fall Detection\",\n },\n {\n title: \"Context-Aware Hybrid Positioning\",\n text: 'Combines GPS, Wi-Fi, optional Bluetooth beacons to support indoor room-level tracking alongside outdoor positioning. Geofences help flag wandering into high-risk zones.',\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35902.png\", \/\/ Vitals Tracking 3D icon\n imageAlt: \"24\/7 Continuous Protection\",\n },\n {\n title: \"Open APIs Platform Integration\",\n text: \"Device data can be integrated into existing care platforms, workforce management systems, or alarm receiving centers through open protocols, helping centralize monitoring and emergency response.\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35901.png\", \/\/ Emergency Response 3D icon\n imageAlt: \"Remote Management & Open Protocols\",\n },\n {\n title: \"Scalable Fleet Management\",\n text: \"Remote configuration, firmware updates, SIM settings, and device status visibility help supervisors manage large deployments and expand programs efficiently.\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35900.png\", \/\/ Emergency Response 3D icon\n imageAlt: \"Robust & Senior-Friendly Hardware\",\n },\n ],\n };\n\n function initModule() {\n var section = document.getElementById(\"sort\");\n if (!section) return;\n\n \/\/ \u533a\u5757\u6807\u9898 + \u526f\u6807\u9898\uff08SORT_CONFIG.title \/ subtitle\uff09\n var t = document.getElementById(\"srHeadTitle\");\n var s = document.getElementById(\"srHeadSub\");\n if (t) t.textContent = SORT_CONFIG.title || \"\";\n if (s) s.textContent = SORT_CONFIG.subtitle || \"\";\n\n function esc(s) {\n return String(s == null ? \"\" : s).replace(\/[\"&<>]\/g, function (ch) {\n return { '\"': \""\", \"&\": \"&\", \"<\": \"<\", \">\": \">\" }[\n ch\n ];\n });\n }\n\n \/\/ \u6e32\u67d3\u5361\u7247\uff1a\u5217\u6570\u7531\u5361\u7247\u6570\u91cf\u51b3\u5b9a\uff083 \u5f20\u2192\u4e00\u884c 3\u30014 \u5f20\u2192\u4e00\u884c 4\uff09\n var grid = document.getElementById(\"sortGrid\");\n if (grid) {\n var n = (SORT_CONFIG.cards || []).length;\n grid.style.setProperty(\"--sr-cols\", String(n));\n \/\/ 4 \u5f20\u65f6\u518d\u52a0\u6807\u8bb0\u7c7b\uff0c\u7528\u4e8e\u8c03\u5c0f\u6807\u9898\/\u6b63\u6587\u5b57\u53f7\uff08\u5361\u7247\u66f4\u7a84\uff09\n if (n >= 4) grid.classList.add(\"sr__grid--cols-4\");\n grid.innerHTML = (SORT_CONFIG.cards || [])\n .map(function (c, i) {\n \/\/ \u52a0\u9ad8\u5361\uff1a\u4e09\u5f20\u65f6\u4e2d\u95f4\u5361\uff1b\u56db\u5f20\u65f6\u7b2c 2\u30014 \u5f20\uff081 \u8d77\u7b2c 2\u30014 = 0 \u8d77\u4e0b\u6807 1\u30013\uff0c\u9519\u843d\uff09\uff0c\u76f8\u90bb\u4e24\u5f20\u7b49\u9ad8\n var mid = \"\";\n if (n === 3 && i === 1) mid = \" sr__card--mid\";\n else if (n === 4 && (i === 1 || i === 3)) mid = \" sr__card--tall\";\n return (\n '<div class=\"sr__card' +\n mid +\n '\" style=\"--i:' +\n i +\n '\">' +\n '<div class=\"sr__inner\">' +\n '<div class=\"sr__media\"><img src=\"' +\n esc(c.image) +\n '\" alt=\"' +\n esc(c.imageAlt || \"\") +\n '\" decoding=\"async\" \/><\/div>' +\n '<div class=\"sr__body\">' +\n '<h3 class=\"sr__title\">' +\n esc(c.title) +\n \"<\/h3>\" +\n '<p class=\"sr__text\">' +\n esc(c.text) +\n \"<\/p>\" +\n \"<\/div>\" +\n \"<\/div>\" +\n \"<\/div>\"\n );\n })\n .join(\"\\n\");\n }\n\n \/\/ \u56fe\u7247\u52a0\u8f7d\u5b8c\u6210\u624d\u6de1\u5165\uff08\u542b\u7f13\u5b58\u56fe\uff09\uff0c\u907f\u514d\u5237\u65b0\u540e\u660e\u6697\u7a81\u53d8\u9020\u6210\"\u65e0\u611f\"\u65ad\u88c2\n grid.querySelectorAll(\".sr__media img\").forEach(function (img) {\n function show() { img.style.opacity = \"1\"; }\n img.addEventListener(\"load\", show);\n if (img.complete) { if (img.naturalWidth) show(); }\n });\n\n \/\/ ===== \u6eda\u5165\u89c6\u53e3\uff1a\u4e09\u5f20\u5361\u4ece\u5de6\u5f80\u53f3\u4f9d\u6b21\u5f39\u51fa =====\n (function () {\n var reduce =\n window.matchMedia &&\n window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n if (reduce) {\n section.classList.add(\"is-inview\");\n return;\n }\n if (!(\"IntersectionObserver\" in window)) {\n section.classList.add(\"is-inview\");\n return;\n }\n var io = new IntersectionObserver(\n function (entries) {\n entries.forEach(function (en) {\n if (!en.isIntersecting) return;\n section.classList.add(\"is-inview\");\n io.unobserve(section);\n });\n },\n { threshold: 0.2 },\n );\n io.observe(section);\n })();\n }\n\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", initModule);\n } else {\n initModule();\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-cb8632a e-flex e-con-boxed e-con e-parent\" data-id=\"cb8632a\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed73aab elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"ed73aab\" 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\">Assistive Devices for Diverse Needs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f8b565 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"8f8b565\" 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>Choose the right device for each risk profile, from rugged SOS alarms to wearable safety watches, keeping your device portfolio consistent.<\/p><div id=\"gtx-trans\" style=\"position: absolute; left: -34px; top: -10px;\"><div class=\"gtx-trans-icon\">\u00a0<\/div><\/div>\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-4300e3f elementor-widget elementor-widget-html\" data-id=\"4300e3f\" 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\"\n 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 <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u25bc SEO \u7ef4\u62a4\u533a\uff08\u6539\u8fd9\u91cc\u5c31\u884c\uff0c\u4e0d\u8981\u52a8\u4e0a\u9762\u7684\u4ee3\u7801\uff09\u25bc\n\n \u00b7 \u4e0b\u65b9 MPERS_CARDS \u7684\u6bcf\u4e00\u9879\u5c31\u662f\u4e00\u5f20\u4ea7\u54c1\u5361\n \u00b7 \u6bcf\u5f20\u5361\u53ef\u6539\uff1atitle \/ subtitle \/ image \/ url\n title \u4ea7\u54c1\u540d\uff08\u5927\u6807\u9898\uff09\n subtitle \u4ea7\u54c1\u8bf4\u660e\u5c0f\u5b57\n image \u4ea7\u54c1\u56fe\u5730\u5740\n url \u70b9\u51fb\u300cMore\u300d\u8df3\u8f6c\u7684\u843d\u5730\u9875\u94fe\u63a5\n \u00b7 \u5e03\u5c40\uff1a\u4e0b\u65b9 MPERS_LAYOUT.rows \u63a7\u5236\u300c\u6bcf\u6392\u51e0\u5217\u300d\n rows: [1, 2] \u7b2c 1 \u6392 1 \u5217 = \u4e00\u5f20\u6574\u5e45\u5927\u5361\uff0c\u4e4b\u540e\u6bcf\u6392 2 \u5217\n rows: [2, 3] \u7b2c 1 \u6392 2 \u5217\u3001\u7b2c 2 \u6392 3 \u5217\uff08\u4e24\u7ec4\u5361\u540c\u5bbd\uff09\n rows: [3] \u5168\u90e8\u6bcf\u6392 3 \u5217\n \u5361\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 \u00b7 \u5176\u5b83\u90fd\u4e0d\u7528\u7ba1\uff08\u53ef\u9009\uff1ablank=false \u4e3a\u5f53\u524d\u9875\u6253\u5f00\uff1bvariants \u505a\u989c\u8272\u5207\u6362\uff09\n\n \u672c\u6a21\u5757\u662f WP \u5c0f\u90e8\u4ef6\uff0c\u5168\u9009\u590d\u5236\u5230\u9875\u9762\u5373\u53ef\u3002\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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: [3] \/\/ \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: \"EV-06\",\n subtitle: \"LTE SOS safety watch offering high-contrast visuals, vibration cues, discreet protection.\",\n url: \"https:\/\/www.eviewconnect.com\/product\/ev-06\/\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35906.png\",\n variants: [\n { name: \"Black\", color: \"#4E4F50\", image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35933.png\" },\n { name: \"White\", color: \"#FCF8E9\", image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35917.png\" },\n ],\n },\n {\n title: \"EV-12\",\n subtitle: \"LoRa-enabled emergency pendant with multi-wearable options for lanyards, wrists, wheelchairs.\",\n url: \"https:\/\/www.eviewconnect.com\/product\/ev-12\/\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35905-1.png\",\n variants: [\n { name: \"Black\", color: \"#FFFFFF\", image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/10\/Group-35928-3.png\" },\n { name: \"White\", color: \"#4E4F50\", image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/10\/Group-35905-2.png\" },\n ],\n },\n {\n title: \"EV-07B\",\n subtitle: \"User-friendly wearable designed to support independent living.\",\n url: \"https:\/\/www.eviewconnect.com\/product\/ev-07b\/\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35922.png\",\n variants: [\n { name: \"Black\", color: \"#4E4F50\", image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35904.png\" },\n { name: \"White\", color: \"#56ED27\", image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35931.png\" },\n { name: \"White\", color: \"#457FE3\", image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35930.png\" },\n { name: \"White\", color: \"#E34594\", image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35929.png\" },\n ],\n },\n ];\n\n \/\/ ===== \u5361\u7247\u6e32\u67d3\uff08\u6309 MPERS_LAYOUT.rows \u81ea\u52a8\u5206\u6392\uff09 =====\n function initModule() {\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\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", initModule);\n } else {\n initModule();\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-9744721 e-flex e-con-boxed e-con e-parent\" data-id=\"9744721\" 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-aa3ea08 elementor-widget elementor-widget-heading\" data-id=\"aa3ea08\" 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\">How Partners Use Our Telecare Solutions<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2002034 elementor-widget elementor-widget-text-editor\" data-id=\"2002034\" 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>Proven across diverse care environments, from independent living to specialized support.<\/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-ae837bc elementor-widget elementor-widget-html\" data-id=\"ae837bc\" 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<!--\n Eview Solution: The Elderly \u2014 \u8001\u4eba\u8fdc\u7a0b\u770b\u62a4\u65b9\u6848\n \u63a5\u5165\uff1aElementor \u2192 \u6dfb\u52a0\u300cHTML\u300d\u5c0f\u90e8\u4ef6 \u2192 \u7c98\u8d34\u672c\u6587\u4ef6\u5168\u90e8\u5185\u5bb9\n \u7ed3\u6784\uff1a\u5355\u5361\u7247\uff08\u56fe\u7247 + Tab \u5207\u6362\u6761 + \u6807\u9898 + \u63cf\u8ff0\uff09\uff0c\u901a\u8fc7 tab \u5207\u6362\u56fe\u7247\u548c\u6587\u6848\n-->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n<link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\"\n rel=\"stylesheet\"\n\/>\n<style>\n @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\");\n\n .sel {\n --sel-accent: #4cc7c4;\n --sel-accent-dark: #3aad9a;\n --sel-text: #15395e;\n --sel-muted: #6b7c8f;\n --sel-tab-idle-color: #b8b7ba;\n --sel-border: #e0e8ec;\n --sel-radius: 20px;\n --sel-ease: cubic-bezier(0.22, 1, 0.36, 1);\n --sel-tab-size: 24px;\n --sel-card-title: 30px;\n --sel-card-body: 20px;\n --sel-card-body-lh: 30px;\n --sel-img-w: 1440px;\n --sel-img-h: 600px;\n box-sizing: border-box;\n width: 100%;\n margin: 0 auto;\n padding: 0;\n background: var(--sel-bg, #ffffff);\n font-family: \"Montserrat\", sans-serif;\n font-weight: 400;\n color: var(--sel-text);\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n text-rendering: optimizeLegibility;\n }\n .sel *,\n .sel *::before,\n .sel *::after {\n box-sizing: border-box;\n }\n .sel h1, .sel h2, .sel h3, .sel h4, .sel p, .sel span, .sel a, .sel button {\n font-family: \"Montserrat\", sans-serif;\n font-style: normal;\n }\n\n \/*\n * \u8bbe\u8ba1\u7a3f\u5b57\u4f53\u89c4\u8303\uff08Figma \u6807\u6ce8\u540c\u6b65\uff09\n * \u9876\u90e8 hero \u6807\u9898: 700 \/ 48px \/ #15395E\n * \u9876\u90e8 hero \u526f\u6807\u9898: 400 \/ 20px \/ lh 30px \/ #6B7C8F\n * \u5361\u7247\u6807\u9898: Montserrat Regular 400 \/ 30px \/ lh 100% \/ #15395E\n * \u5361\u7247\u6b63\u6587: Montserrat SemiBold 600 \/ 20px \/ lh 30px \/ #15395E\n * Tab \u6fc0\u6d3b: Montserrat Regular 400 \/ 30px \/ #4CC7C4 + \u4e0b\u5212\u7ebf\n * Tab \u672a\u6fc0\u6d3b: Montserrat Regular 400 \/ 30px \/ #B8B7BA\n * \u5927\u56fe: 1440 \u00d7 600px\uff0c\u5706\u89d2 20px\n *\/\n\n \/* ========== \u5355\u5361\u7247\u5bb9\u5668 ========== *\/\n .sel-card {\n width: 100%;\n max-width: 1440px;\n margin: 0 auto;\n padding: 12px 12px 80px;\n }\n\n \/* ========== \u9876\u90e8\u914d\u56fe\uff1a1440\u00d7600 + \u5706\u89d2 20px + \u8de8 tab \u5207\u6362 ========== *\/\n .sel-card__media {\n position: relative;\n width: 100%;\n max-width: var(--sel-img-w);\n aspect-ratio: 1440 \/ 600;\n border-radius: var(--sel-radius);\n overflow: hidden;\n background: #e8eef2;\n }\n .sel-card__media::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(90deg, #e8eef2 0%, #f4f7f9 45%, #e8eef2 100%);\n background-size: 200% 100%;\n animation: selSkeleton 1.2s ease-in-out infinite;\n z-index: 0;\n }\n @keyframes selSkeleton {\n 0% { background-position: 100% 0; }\n 100% { background-position: -100% 0; }\n }\n \/* \u6bcf\u4e2a tab \u5bf9\u5e94\u4e00\u5f20\u56fe\uff1a\u6240\u6709\u56fe\u7edd\u5bf9\u5806\u53e0\uff0c\u6fc0\u6d3b\u7684\u624d\u663e\u793a *\/\n .sel-card__media img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 0;\n transition: opacity 0.5s var(--sel-ease), transform 0.5s var(--sel-ease);\n z-index: 1;\n pointer-events: none;\n will-change: opacity;\n }\n .sel-card__media img.is-active {\n opacity: 1;\n animation: selCrossfadeIn 0.5s var(--sel-ease);\n }\n @keyframes selCrossfadeIn {\n from { opacity: 0; transform: scale(1.02); }\n to { opacity: 1; transform: scale(1); }\n }\n .sel-card__media.is-ready::before {\n opacity: 0;\n animation: none;\n transition: opacity 0.3s ease;\n pointer-events: none;\n }\n \/* \u56fe\u7247\u52a0\u8f7d\u5931\u8d25 fallback *\/\n .sel-card__media[data-img-error=\"1\"]::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: #e8eef2;\n z-index: 3;\n pointer-events: none;\n }\n\n \/* ========== Tab \u5207\u6362\u6761 ========== *\/\n .sel-tabs {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n gap: var(--sel-tab-gap, 40px);\n margin-top: 57px;\n padding-bottom: 0;\n border-bottom: 1px solid var(--sel-border);\n }\n \/* JS \u91cf\u7b97\u540e\u52a0 is-fitted\uff1a\u5f3a\u5236\u5355\u884c\uff0c\u5b57\u53f7\u968f\u5bb9\u5668\u5bbd\u5ea6\u7f29\u653e\uff08\u89c1\u811a\u672c fitTabs\uff09 *\/\n .sel-tabs.is-fitted {\n flex-wrap: nowrap;\n }\n .sel-tab {\n position: relative;\n flex: 0 0 auto;\n white-space: nowrap;\n padding: 14px 0 16px;\n margin: 0;\n border: 0;\n background: transparent;\n background-color: transparent;\n box-shadow: none;\n font-family: \"Montserrat\", sans-serif;\n font-size: var(--sel-tab-size);\n font-weight: 500;\n font-style: normal;\n line-height: 1;\n color: var(--sel-tab-idle-color);\n cursor: pointer;\n appearance: none;\n -webkit-appearance: none;\n transition: color 0.25s var(--sel-ease);\n }\n \/* \u6fc0\u6d3b\u4e0b\u5212\u7ebf *\/\n .sel-tab::after {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n bottom: -1px;\n height: 3px;\n background: var(--sel-accent);\n transform: scaleX(0);\n transform-origin: center;\n transition: transform 0.3s var(--sel-ease);\n }\n .sel-tab.is-active {\n color: var(--sel-accent);\n background-color: transparent;\n }\n .sel-tab.is-active::after {\n transform: scaleX(1);\n }\n .sel-tab:hover:not(.is-active) {\n color: var(--sel-accent);\n background-color: transparent;\n }\n .sel-tab:focus-visible {\n outline: 2px solid var(--sel-accent);\n outline-offset: 4px;\n border-radius: 4px;\n }\n .sel-tab:focus:not(:focus-visible) {\n outline: none;\n }\n\n \/* ========== \u5361\u7247\u6807\u9898 + \u6b63\u6587 ========== *\/\n .sel-card__body {\n margin-top: 60px;\n }\n .sel-card__panel {\n display: none;\n }\n .sel-card__panel.is-active {\n display: block;\n animation: selPanelFadeIn 0.4s var(--sel-ease) forwards;\n }\n @keyframes selPanelFadeIn {\n from { opacity: 0; transform: translateY(6px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \/* \u6807\u9898\uff1aMontserrat Regular 400 \/ 30px \/ lh 100% \/ #15395E\uff08Figma\uff09 *\/\n .sel-card__title {\n margin: 0 0 19px;\n font-family: \"Montserrat\", sans-serif;\n font-size: var(--sel-card-title);\n font-weight: 600;\n font-style: normal;\n line-height: 1;\n letter-spacing: 0;\n color: var(--sel-text);\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n }\n \/* \u6b63\u6587\uff1aMontserrat SemiBold 600 \/ 20px \/ lh 30px \/ #15395E\uff08Figma\uff09 *\/\n .sel-card__desc {\n margin: 0;\n max-width: 920px;\n font-family: \"Montserrat\", sans-serif;\n font-size: var(--sel-card-body);\n font-weight: 600;\n font-style: normal;\n line-height: var(--sel-card-body-lh);\n letter-spacing: 0;\n color: var(--sel-text);\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n }\n\n \/* ========== \u54cd\u5e94\u5f0f ========== *\/\n @media (max-width: 720px) {\n .sel {\n --sel-tab-size: 18px;\n --sel-card-title: 22px;\n --sel-card-body: 16px;\n --sel-card-body-lh: 26px;\n }\n .sel-card {\n padding: 16px 16px 56px;\n }\n .sel-card__media {\n aspect-ratio: 4 \/ 3;\n }\n .sel-tabs {\n gap: 30px;\n overflow-x: auto;\n flex-wrap: nowrap;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n }\n .sel-tabs::-webkit-scrollbar {\n display: none;\n }\n .sel-tab {\n flex: 0 0 auto;\n white-space: nowrap;\n font-size: 18px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .sel-card__media::before,\n .sel-card__media img,\n .sel-tab,\n .sel-tab::after {\n transition: none;\n animation: none !important;\n }\n }\n<\/style>\n\n<section class=\"sel\" id=\"sel-the-elderly\" aria-label=\"Elderly Care Solution\">\n\n <!-- ===== \u5355\u5361\u7247\uff1a\u56fe\u7247 + Tab + \u6807\u9898 + \u63cf\u8ff0 ===== -->\n <article class=\"sel-card\" id=\"sel-card\">\n\n <!-- 6 \u5f20\u56fe\uff0c\u6309 tab \u987a\u5e8f\u5806\u53e0\u5728\u540c\u4e00\u5bb9\u5668\u5185 -->\n <div class=\"sel-card__media\" id=\"sel-media\">\n\n <!-- 1. Home Care (\u9ed8\u8ba4\u6fc0\u6d3b) -->\n <!-- \u2605 \u914d\u56fe\u5360\u4f4d 1\uff1a1440\u00d7600 -->\n <img fetchpriority=\"high\" class=\"is-active\" src=\"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/10\/\u6b8b\u969c\u4eba\u58eb-4-1.png\" alt=\"Bridging the Charging Gap\"\n data-tab=\"0\" width=\"1440\" height=\"600\"\n loading=\"eager\" decoding=\"async\" \/>\n\n <!-- 2. Mobile Care -->\n <!-- \u2605 \u914d\u56fe\u5360\u4f4d 2\uff1a1440\u00d7600 -->\n <img data-src=\"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/10\/\u6b8b\u969c\u4eba\u58eb-8-1.png\" alt=\"Mobile care scenario\"\n data-tab=\"1\" width=\"1440\" height=\"600\"\n decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1440px; --smush-placeholder-aspect-ratio: 1440\/600;\" \/>\n\n <!-- 3. Assisted Living -->\n <!-- \u2605 \u914d\u56fe\u5360\u4f4d 3\uff1a1440\u00d7600 -->\n <img data-src=\"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/10\/\u5eb7\u590d\u4e2d\u7684SOS\u6c42\u52a9\u65f6\u523b-1.png\" alt=\"Assisted living scenario\"\n data-tab=\"2\" width=\"1440\" height=\"600\"\n decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1440px; --smush-placeholder-aspect-ratio: 1440\/600;\" \/>\n\n <!-- 4. Memory Care -->\n <!-- \u2605 \u914d\u56fe\u5360\u4f4d 4\uff1a1440\u00d7600 -->\n <img data-src=\"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/10\/\u6b8b\u969c\u4eba\u58eb-5-1.png\" alt=\"Memory care scenario\"\n data-tab=\"3\" width=\"1440\" height=\"600\"\n decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1440px; --smush-placeholder-aspect-ratio: 1440\/600;\" \/>\n\n <!-- 5. Transitional Care -->\n <!-- \u2605 \u914d\u56fe\u5360\u4f4d 5\uff1a1440\u00d7600 -->\n <img data-src=\"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/10\/\u6b8b\u969c\u4eba\u58eb-6-1.png\" alt=\"Transitional care scenario\"\n data-tab=\"4\" width=\"1440\" height=\"600\"\n decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1440px; --smush-placeholder-aspect-ratio: 1440\/600;\" \/>\n\n <!-- 6. Remote Care -->\n <!-- \u2605 \u914d\u56fe\u5360\u4f4d 6\uff1a1440\u00d7600 -->\n <img data-src=\"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/10\/\u6b8b\u969c\u4eba\u58eb-7-1.png\" alt=\"Remote care scenario\"\n data-tab=\"5\" width=\"1440\" height=\"600\"\n decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1440px; --smush-placeholder-aspect-ratio: 1440\/600;\" \/>\n <\/div>\n\n <!-- Tab \u5207\u6362\u6761 -->\n <div class=\"sel-tabs\" role=\"tablist\" aria-label=\"Care scenarios\">\n <button type=\"button\" class=\"sel-tab is-active\" role=\"tab\" aria-selected=\"true\" data-tab=\"0\">Active Living<\/button>\n <button type=\"button\" class=\"sel-tab\" role=\"tab\" aria-selected=\"false\" data-tab=\"1\">Supported Living<\/button>\n <button type=\"button\" class=\"sel-tab\" role=\"tab\" aria-selected=\"false\" data-tab=\"2\">Independent Living<\/button>\n <button type=\"button\" class=\"sel-tab\" role=\"tab\" aria-selected=\"false\" data-tab=\"3\">Remote Support<\/button>\n <button type=\"button\" class=\"sel-tab\" role=\"tab\" aria-selected=\"false\" data-tab=\"4\">Adaptive Solutions<\/button>\n <button type=\"button\" class=\"sel-tab\" role=\"tab\" aria-selected=\"false\" data-tab=\"5\">Cognitive Support<\/button>\n <\/div>\n\n <!-- \u6807\u9898 + \u63cf\u8ff0\uff1a6 \u4e2a panel\uff0c\u6309 tab \u5207\u6362 -->\n <div class=\"sel-card__body\">\n\n <div class=\"sel-card__panel is-active\" data-tab=\"0\">\n <h3 class=\"sel-card__title\">Community Confidence<\/h3>\n <p class=\"sel-card__desc\">\n Active individuals with disabilities stay protected with intelligent fall detection, precise outdoor tracking, and two-way voice. Designed for wheelchair users and those navigating independently, this compact wearable ensures reliable safety while exploring their communities.\n <\/p>\n <\/div>\n\n <div class=\"sel-card__panel\" data-tab=\"1\" aria-hidden=\"true\">\n <h3 class=\"sel-card__title\">Streamlined Staff Coordination<\/h3>\n <p class=\"sel-card__desc\">\n In supported living environments, our wireless sensors and integrated dashboards provide instant status updates, activity patterns, and distress signals. This setup ensures rapid response times while giving care teams more capacity to focus on personalized support.\n <\/p>\n <\/div>\n\n <div class=\"sel-card__panel\" data-tab=\"2\" aria-hidden=\"true\">\n <h3 class=\"sel-card__title\">Empowering Safe Living at Home<\/h3>\n <p class=\"sel-card__desc\">\n To support individuals with physical disabilities, a support agency deployed our voice-activated hubs. This hands-free setup allows users to easily call for help without needing to press small physical buttons, fostering true independence and everyday autonomy.\n <\/p>\n <\/div>\n\n <div class=\"sel-card__panel\" data-tab=\"3\" aria-hidden=\"true\">\n <h3 class=\"sel-card__title\">Connected Support Networks<\/h3>\n <p class=\"sel-card__desc\">\n Families and remote caregivers receive instant notifications, active GPS updates, and daily wellness insights, keeping them seamlessly connected and assured that their loved ones are secure no matter the distance.\n <\/p>\n <\/div>\n\n <div class=\"sel-card__panel\" data-tab=\"4\" aria-hidden=\"true\">\n <h3 class=\"sel-card__title\">24\/7 Uninterrupted Protection<\/h3>\n <p class=\"sel-card__desc\">\n To prevent vulnerabilities when primary devices are charging, partners utilize our LoRa-enabled ecosystem. Users with dexterity challenges wear a lightweight, easy-to-fasten wristband while the main hub charges, maintaining continuous emergency access day and night.\n <\/p>\n <\/div>\n\n <div class=\"sel-card__panel\" data-tab=\"5\" aria-hidden=\"true\">\n <h3 class=\"sel-card__title\">Balancing Freedom and Safety<\/h3>\n <p class=\"sel-card__desc\">\n For users with cognitive or developmental disabilities, customizable geofencing provides a vital safety net. Care teams receive automated notifications if a user leaves a predefined safe zone, enabling quick assistance while respecting their daily independence.\n <\/p>\n <\/div>\n\n <\/div>\n <\/article>\n\n<\/section>\n\n<script>\n(function () {\n var INIT_ATTR = \"data-sel-bound\";\n\n function initSel(root) {\n if (!root || root.getAttribute(INIT_ATTR) === \"1\") return;\n root.setAttribute(INIT_ATTR, \"1\");\n\n var card = root.querySelector(\".sel-card\") || root;\n var media = card.querySelector(\".sel-card__media\");\n var imgs = Array.prototype.slice.call(card.querySelectorAll(\".sel-card__media img\"));\n var tabs = Array.prototype.slice.call(card.querySelectorAll(\".sel-tab\"));\n var panels = Array.prototype.slice.call(card.querySelectorAll(\".sel-card__panel\"));\n var total = tabs.length;\n\n \/\/ 1) \u56fe\u7247\u52a0\u8f7d\uff1a\u5f53\u524d\u6fc0\u6d3b\u56fe\u52a0\u8f7d\u5b8c\u5c31\u79fb\u9664\u9aa8\u67b6\u5c4f\n function markMediaReady() {\n if (!media) return;\n var active = imgs.find(function (i) { return i.classList.contains(\"is-active\"); });\n if (active && active.classList.contains(\"is-loaded\")) {\n media.classList.add(\"is-ready\");\n }\n }\n imgs.forEach(function (img) {\n if (img.complete && img.naturalWidth > 0) {\n img.classList.add(\"is-loaded\");\n } else {\n img.addEventListener(\"load\", function () {\n img.classList.add(\"is-loaded\");\n if (img.classList.contains(\"is-active\")) markMediaReady();\n });\n img.addEventListener(\"error\", function () {\n img.classList.add(\"is-loaded\");\n img.classList.add(\"is-error\");\n if (media) media.setAttribute(\"data-img-error\", \"1\");\n if (img.classList.contains(\"is-active\")) markMediaReady();\n });\n }\n });\n markMediaReady();\n\n \/\/ 2) tab \u5207\u6362\n function goTo(idx) {\n if (idx < 0 || idx >= total) return;\n\n tabs.forEach(function (t, i) {\n var on = i === idx;\n t.classList.toggle(\"is-active\", on);\n t.setAttribute(\"aria-selected\", on ? \"true\" : \"false\");\n });\n imgs.forEach(function (img, i) {\n var on = i === idx;\n img.classList.toggle(\"is-active\", on);\n if (on) {\n \/\/ \u5f53\u524d\u6fc0\u6d3b\u56fe\u5df2\u52a0\u8f7d\u7ed3\u675f\uff1a\u53bb\u9aa8\u67b6\uff1b\u672a\u52a0\u8f7d\uff1a\u663e\u793a\u9aa8\u67b6\n if (img.classList.contains(\"is-loaded\")) {\n if (media) media.classList.add(\"is-ready\");\n } else if (media) {\n media.classList.remove(\"is-ready\");\n }\n }\n });\n panels.forEach(function (p, i) {\n var on = i === idx;\n p.classList.toggle(\"is-active\", on);\n if (on) p.removeAttribute(\"aria-hidden\");\n else p.setAttribute(\"aria-hidden\", \"true\");\n });\n }\n\n tabs.forEach(function (tab, i) {\n tab.addEventListener(\"click\", function () { goTo(i); });\n tab.addEventListener(\"keydown\", function (e) {\n var key = e.key;\n if (key === \"ArrowRight\" || key === \"ArrowDown\") {\n e.preventDefault();\n goTo((i + 1) % total);\n tabs[(i + 1) % total].focus();\n } else if (key === \"ArrowLeft\" || key === \"ArrowUp\") {\n e.preventDefault();\n goTo((i - 1 + total) % total);\n tabs[(i - 1 + total) % total].focus();\n } else if (key === \"Home\") {\n e.preventDefault();\n goTo(0);\n tabs[0].focus();\n } else if (key === \"End\") {\n e.preventDefault();\n goTo(total - 1);\n tabs[total - 1].focus();\n }\n });\n });\n\n \/\/ 3) \u79fb\u52a8\u7aef\u6ed1\u52a8\u624b\u52bf\n (function () {\n var touchStartX = 0;\n var touchStartY = 0;\n var touchEndX = 0;\n var touchEndY = 0;\n card.addEventListener(\"touchstart\", function (e) {\n touchStartX = e.changedTouches[0].screenX;\n touchStartY = e.changedTouches[0].screenY;\n }, { passive: true });\n card.addEventListener(\"touchend\", function (e) {\n touchEndX = e.changedTouches[0].screenX;\n touchEndY = e.changedTouches[0].screenY;\n var diffX = touchStartX - touchEndX;\n var diffY = touchStartY - touchEndY;\n \/\/ \u4ec5\u5f53\u6a2a\u5411\u6ed1\u52a8\u5e45\u5ea6\u5927\u4e8e\u7eb5\u5411\u65f6\u89e6\u53d1\uff08\u907f\u514d\u9875\u9762\u6eda\u52a8\u51b2\u7a81\uff09\n if (Math.abs(diffX) > Math.abs(diffY) && Math.abs(diffX) > 50) {\n var activeIdx = tabs.findIndex(function (t) { return t.classList.contains(\"is-active\"); });\n if (diffX > 0 && activeIdx < total - 1) {\n goTo(activeIdx + 1);\n } else if (diffX < 0 && activeIdx > 0) {\n goTo(activeIdx - 1);\n }\n }\n });\n })();\n\n \/\/ 4) tab \u5355\u884c + \u5b57\u53f7\u81ea\u9002\u5e94\n (function () {\n var wrap = card.querySelector(\".sel-tabs\");\n if (!wrap || !tabs.length) return;\n\n var BASE_SIZE = 24;\n var BASE_GAP = 40;\n var MIN_SIZE = 12;\n var lastKey = \"\";\n var fitTimer = null;\n\n function fitTabs() {\n var avail = wrap.clientWidth;\n if (!avail) return;\n\n \/\/ \u7a84\u5c4f\u6cbf\u7528\u6a2a\u6ed1\u6eda\u52a8\uff0c\u4e0d\u505a\u7f29\u653e\n if (window.matchMedia(\"(max-width: 720px)\").matches) {\n wrap.classList.remove(\"is-fitted\");\n wrap.style.removeProperty(\"--sel-tab-size\");\n wrap.style.removeProperty(\"--sel-tab-gap\");\n lastKey = \"\";\n return;\n }\n\n \/\/ \u79bb\u5c4f\u63a2\u9488\u6309\u57fa\u51c6\u5b57\u53f7\u91cf\u81ea\u7136\u5bbd\u5ea6\uff0c\u4e0d\u53d7\u5f53\u524d\u7f29\u653e\u5f71\u54cd\n var probe = document.createElement(\"div\");\n probe.style.cssText =\n \"position:absolute;left:0;top:0;visibility:hidden;pointer-events:none;z-index:-1;\" +\n \"display:flex;white-space:nowrap;font-family:Montserrat,sans-serif;font-weight:500;\" +\n \"font-size:\" + BASE_SIZE + \"px;line-height:1;gap:\" + BASE_GAP + \"px;\";\n tabs.forEach(function (t) {\n var s = document.createElement(\"span\");\n s.textContent = t.textContent;\n probe.appendChild(s);\n });\n wrap.appendChild(probe);\n var natural = probe.getBoundingClientRect().width;\n wrap.removeChild(probe);\n if (!natural) return;\n\n var scale = Math.min(1, avail \/ natural);\n if (BASE_SIZE * scale < MIN_SIZE) scale = MIN_SIZE \/ BASE_SIZE;\n var size = BASE_SIZE * scale;\n var gap = Math.max(12, BASE_GAP * scale);\n\n var key = size.toFixed(2) + \"|\" + gap.toFixed(2);\n if (key === lastKey) return;\n lastKey = key;\n\n wrap.classList.add(\"is-fitted\");\n wrap.style.setProperty(\"--sel-tab-size\", size.toFixed(2) + \"px\");\n wrap.style.setProperty(\"--sel-tab-gap\", gap.toFixed(2) + \"px\");\n }\n\n function onResize() {\n if (fitTimer) window.clearTimeout(fitTimer);\n fitTimer = window.setTimeout(function () {\n fitTimer = null;\n fitTabs();\n }, 120);\n }\n\n fitTabs();\n \/\/ \u5b57\u4f53\u52a0\u8f7d\u5b8c\u6210\u540e\u518d\u91cf\u4e00\u6b21\uff0c\u907f\u514d\u56de\u843d\u5230 fallback \u5b57\u4f53\u5bfc\u81f4\u504f\u5dee\n if (document.fonts && document.fonts.ready) {\n document.fonts.ready.then(fitTabs);\n }\n window.addEventListener(\"resize\", onResize);\n if (window.ResizeObserver) {\n new ResizeObserver(onResize).observe(wrap);\n }\n })();\n }\n\n function boot() {\n var nodes = document.querySelectorAll(\"#sel-the-elderly, .sel\");\n Array.prototype.forEach.call(nodes, function (node) {\n if (node.getAttribute(INIT_ATTR) === \"1\") {\n if (!document.documentElement.contains(node)) {\n node.removeAttribute(INIT_ATTR);\n }\n return;\n }\n initSel(node);\n });\n }\n\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", boot);\n } else {\n boot();\n }\n\n \/\/ Elementor \u652f\u6301\n window.addEventListener(\"elementor\/frontend\/init\", function () {\n if (window.elementorFrontend && elementorFrontend.hooks) {\n elementorFrontend.hooks.addAction(\n \"frontend\/element_ready\/global\",\n function () { window.setTimeout(boot, 0); }\n );\n }\n window.setTimeout(boot, 0);\n });\n\n var moTimer = null;\n var mo = new MutationObserver(function () {\n if (moTimer) return;\n moTimer = window.setTimeout(function () {\n moTimer = null;\n boot();\n }, 80);\n });\n mo.observe(document.documentElement, { childList: true, subtree: true });\n})();\n<\/script>\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-9386bdd e-con-full e-flex e-con e-parent\" data-id=\"9386bdd\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72c07a0 elementor-widget elementor-widget-heading\" data-id=\"72c07a0\" 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\">System Topology<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0675f9 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"d0675f9\" 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 style=\"text-align: left;\">Connect clients, intelligent safety devices, rear management platforms to enable real-time positioning, monitoring, alerts, dispatch.<\/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-5b470af elementor-widget elementor-widget-html\" data-id=\"5b470af\" 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>Elder Care Continuous Monitoring System<\/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;800&display=swap\"\n rel=\"stylesheet\" \/>\n <style>\n body {\n margin: 0;\n }\n <\/style>\n <style>\n .sys,\n .sys *,\n .sys *::before,\n .sys *::after {\n box-sizing: border-box;\n }\n\n \/* \u6a21\u5757 = 1440 \u5bbd\u5c45\u4e2d\u5361\u7247\uff1a\u5185\u5bb9\u3001\u6e10\u53d8\u80cc\u666f\u3001\u767d\u63cf\u8fb9\u3001\u6295\u5f71\u5168\u90e8\u6536\u5728 1440 \u5185\uff1b\n \u66f4\u5bbd\u5c4f\u5e55\u4e0a\u4e24\u4fa7\u4e3a\u5e72\u51c0\u80cc\u666f\uff0c\u4e0d\u518d\u94fa\u6e10\u53d8 *\/\n .sys {\n width: 100%;\n max-width: 1440px;\n margin: 0 auto;\n padding: 0;\n font-family: \"Montserrat\", Arial, sans-serif;\n color: #15395E;\n \/* \u80cc\u666f\uff1a\u4e0a\u2192\u4e0b \u767d(\u7ea660%\u900f\u660e) \u2192 \u6d45\u84dd #DFEFFF *\/\n background: linear-gradient(180deg, #FFFFFF99 0%, #DFEFFF 100%);\n \/* \u5916\u6846\uff1a\u4e0d\u518d\u662f 5px \u767d\u63cf\u8fb9\u2014\u2014\u90a3\u5708\u767d\u8fb9\u4f1a\u628a\u5361\u7247\u9876\u51fa\u6a21\u5757\u8fb9\u7f18\uff0c\n \u770b\u8d77\u6765\u50cf\u4e00\u6761\u7f1d\u3002\u6539\u4e3a\u76f4\u63a5\u6309\u5706\u89d2\u88c1\u5207\u5185\u5bb9\uff0c\u5361\u7247\u53ef\u8d34\u5230\u6a21\u5757\u6700\u5916\u7f18 *\/\n border: 0;\n border-radius: 20px;\n overflow: hidden;\n \/* \u767d\u8272\u63cf\u8fb9\u878d\u8fdb\u6d45\u5e95\u770b\u4e0d\u5230\uff0c\u9760\u4e00\u9053\u6de1\u6de1\u7684\u84dd\u7070\u6295\u5f71\u628a\u6a21\u5757\u6258\u6210\u6d6e\u8d77\u5361\u7247 *\/\n box-shadow: 0 26px 70px rgba(21, 57, 94, 0.10), 0 4px 22px rgba(21, 57, 94, 0.06);\n }\n\n .sys .sys__inner {\n position: relative;\n }\n\n \/* ===== \u9876\/\u5e95 \u6807\u8bed\u5e26\uff1a\u6587\u6848 + \u865a\u70b9\u5f27\u7ebf ===== *\/\n .sys .sys__band {\n text-align: center;\n }\n\n \/* \u5173\u7cfb\u6807\u8bed = \u9752\u7eff #4CC7C4\uff1b\u6587\u5b57\u7528 <textPath> \u6cbf\u865a\u7ebf\u5f27\u7ebf\u5f2f\u66f2\uff0c\u7d27\u8d34\u865a\u7ebf *\/\n .sys .sys__caption-text {\n font-family: \"Montserrat\", Arial, sans-serif;\n font-size: 18px;\n \/* viewBox \u7528\u6237\u5355\u4f4d\uff0c\u968f SVG \u7b49\u6bd4\u7f29\u653e\uff08\u7ea6 23px @1280\uff09 *\/\n font-weight: 700;\n line-height: 1.3;\n fill: #4CC7C4;\n \/* \u9752\u7eff\uff0c\u4e0e\u865a\u7ebf\u4e00\u81f4 *\/\n text-anchor: middle;\n \/* startOffset 50% + \u5c45\u4e2d = \u6587\u5b57\u5728\u5f27\u9876\u4e2d\u592e *\/\n }\n\n .sys .sys__arc {\n position: relative;\n width: 100%;\n }\n\n .sys .sys__arc svg {\n display: block;\n width: 100%;\n height: auto;\n \/* \u6309 viewBox \u7b49\u6bd4\u7f29\u653e\uff0c\u907f\u514d\u6587\u5b57\u88ab\u6a2a\u5411\u62c9\u4f38\u53d8\u5f62 *\/\n }\n\n \/* \u5e95\u90e8\u4e09\u884c\u6587\u6848\u7684\u7a84\u5c4f\u5e73\u6392\u7248\uff08\u9ed8\u8ba4\u9690\u85cf\uff0c\u2264640 \u65f6\u66ff\u6362 SVG \u5f27\u5f62\u6587\u5b57\uff09 *\/\n .sys .sys__arc-copy {\n display: none;\n }\n\n \/* \u5f27\u7ebf\u4e24\u7aef\u5706\u70b9\uff1a\u56fa\u5b9a\u5927\u5c0f\u5706\u5f62\uff0c\u4e0d\u968f SVG \u62c9\u4f38\u53d8\u5f62 *\/\n .sys .sys__dot {\n position: absolute;\n width: 18px;\n height: 18px;\n border-radius: 50%;\n background: #4CC7C4;\n transform: translate(-50%, -50%);\n }\n\n \/* ===== \u4e09\u5217\u4e3b\u7f51\u683c\uff1a\u5de6\u5361 \/ \u4e2d\u592e\u8bbe\u5907 \/ \u53f3\u5361 ===== *\/\n .sys .sys__grid {\n position: relative;\n z-index: 1;\n display: grid;\n \/* \u5de6\u53f3\u5217\u5bbd\u6309\u4e24\u5f20\u56fe\u7684\u56fa\u6709\u6bd4\u4f8b\u5206\u914d\uff08\u5de6 437\u00d7446\u3001\u53f3 470\u00d7404\uff09\uff0c\n \u56fe\u7247\u6309\u5217\u5bbd\u94fa\u6ee1\u540e\u4e24\u5f20\u5361\u9ad8\u5ea6\u6b63\u597d\u76f8\u7b49\uff08\u7ea6 408px\uff09\uff0c\u4e0d\u7559\u767d\u4e5f\u4e0d\u88c1\u5207\u3002\n \u6362\u56fe\u540e\u6bd4\u4f8b\u53d8\u4e86\u8981\u540c\u6b65\u6539\u8fd9\u4e24\u4e2a\u6570\u503c\u3002 *\/\n grid-template-columns: 0.915fr 1.16fr 1.086fr;\n gap: 24px;\n align-items: center;\n \/* \u5361\u7247\u76f4\u63a5\u9876\u5230\u6a21\u5757\u5de6\u53f3\u5185\u8fb9\uff08\u4e0d\u7559\u5185\u8fb9\u8ddd\uff09\uff1brotate \u00b14\u00b0 \u540e\u8d85\u51fa\u7684\u662f\u56fe\u7247\u81ea\u5e26\u7684\n \u767d\u8272\u89d2\u90e8\uff08\u5de6\u4e0a \/ \u53f3\u4e0a\uff09\uff0c\u88ab .sys \u7684 overflow:hidden \u88c1\u6389\u4e0d\u5f71\u54cd\u753b\u9762 *\/\n padding: 0;\n }\n\n \/* \u9632\u6b62\u56fe\u7247\u56fa\u6709\u5bbd\u5ea6\u628a\u4e09\u5217\u6491\u5f97\u4e0d\u7b49\u5bbd\uff0c\u786e\u4fdd\u4e2d\u592e\u8bbe\u5907\u56fe\u771f\u6b63\u5c45\u4e2d *\/\n .sys .sys__grid>* {\n min-width: 0;\n }\n\n \/* ===== \u8282\u70b9\u5361\uff1a\u53bb\u6389\u8fb9\u6846\u4e0e\u80cc\u666f\u8272\uff0c\u4ec5\u5706\u89d2\u7167\u7247 + \u6295\u5f71\uff1b\u6807\u9898\u6d6e\u4e8e\u7167\u7247\u4e0a\u90e8 ===== *\/\n .sys .sys__node {\n position: relative;\n z-index: 1;\n border-radius: 20px;\n \/* box-shadow: 0 18px 48px rgba(21, 57, 94, 0.16); *\/\n }\n\n \/* \u4e24\u5f20\u56fe\u7684\u84dd\u8272\u5361\u7247\u8fb9\u6846\u672c\u8eab\u5c31\u662f\u659c\u7684\uff08\u5de6 +7.8\u00b0\u3001\u53f3 -7.3\u00b0\uff0c\u5df2\u6784\u6210\u516b\u5b57\uff09\uff0c\n \u8fd9\u91cc\u4e0d\u518d\u53e0\u52a0 CSS \u65cb\u8f6c\uff1a\u53e0\u52a0\u540e\u89d2\u5ea6\u5bf9\u4e0d\u4e0a\uff0c\u800c\u4e14\u4f1a\u628a\u7167\u7247\u91cc\u6b63\u7acb\u7684\u4eba\/\u8bbe\u5907\u5e26\u6b6a\uff0c\n \u8d34\u8fb9\u65f6\u65cb\u8f6c\u7684\u89d2\u8fd8\u4f1a\u8d85\u51fa\u6a21\u5757\u88ab\u88c1\u3002 *\/\n .sys .sys__node--left,\n .sys .sys__node--right {\n transform: none;\n }\n\n .sys .sys__node-media {\n position: relative;\n overflow: hidden;\n \/* \u56fe\u7247\u8fb9\u7f18\u4e0e\u6a21\u5757\u6e10\u53d8\u80cc\u666f\u76f8\u63a5\u65f6\uff0c\u7f29\u653e\u63d2\u503c\u4f1a\u5728\u4ea4\u754c\u5904\u6df7\u51fa\u4e00\u6761\u534a\u900f\u660e\u7ad6\u7ebf\uff1b\n \u57ab\u4e00\u5c42\u548c\u56fe\u7247\u5916\u5708\u540c\u8272\u7684\u767d\u5e95\uff0c\u6df7\u51fa\u6765\u7684\u50cf\u7d20\u4ecd\u662f\u767d\u7684\uff0c\u5c31\u770b\u4e0d\u89c1\u4e86 *\/\n background: #FFFFFF;\n }\n\n \/* \u4e24\u4fa7\u4e3a UI \u5207\u597d\u7684\u5361\u7247\u56fe\uff1a\u5bbd\u5ea6\u94fa\u6ee1\u5217\u5bbd\u3001\u9ad8\u5ea6\u6309\u56fa\u6709\u6bd4\u4f8b\uff0c\u4e0d\u7559 letterbox \u7a7a\u767d\u3002\n +2px \/ -2px \u8ba9\u56fe\u7247\u5de6\u8fb9\u591a\u51fa 2px \u88ab\u5bb9\u5668\u88c1\u6389\uff1a\u6e90\u56fe\u6700\u5de6\u4e00\u5217\u662f\u88ab\u5207\u65ad\u7684\u84dd\u6846\u8fb9\u7f18\uff0c\n \u7f29\u653e\u63d2\u503c\u540e\u4f1a\u53d8\u6210\u4e00\u6761\u65ad\u65ad\u7eed\u7eed\u7684\u7070\u7ebf\uff0c\u88c1\u6389\u90a3\u4e00\u5217\u5c31\u5e72\u51c0\u4e86\u3002 *\/\n .sys .sys__node-media img {\n display: block;\n width: calc(100% + 2px);\n margin-left: -2px;\n height: auto;\n border: 0;\n }\n\n \/* ===== \u4e2d\u592e\u8bbe\u5907\uff08\u4e24\u4fa7\u95ea\u7535\u5c16\u5cf0 + \u4ea7\u54c1\u56fe + \u6807\u7b7e\uff09 ===== *\/\n .sys .sys__center {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .sys .sys__stage {\n position: relative;\n display: flex;\n justify-content: center;\n width: 100%;\n }\n\n \/* \u4e2d\u592e\u4e24\u4fa7\uff1a\u4e24\u7ec4\u95ea\u7535\/\u5fc3\u8df3\u5c16\u5cf0\uff08\u9752\u7eff\uff09\uff0c\u4ece\u8bbe\u5907\u56fe\u5de6\u53f3\u53d1\u51fa *\/\n .sys .sys__pulse {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 0;\n width: clamp(56px, 8vw, 96px);\n height: clamp(150px, 18vw, 230px);\n opacity: 0.7;\n }\n\n .sys .sys__pulse--left {\n left: 6%;\n }\n\n .sys .sys__pulse--right {\n right: 6%;\n transform: translateY(-50%) scaleX(-1);\n }\n\n .sys .sys__center-img {\n position: relative;\n z-index: 1;\n display: block;\n width: 100%;\n max-width: 240px;\n height: 260px;\n margin: 0 auto;\n object-fit: contain;\n object-position: center;\n border: 0;\n }\n\n .sys .sys__center-label {\n position: relative;\n z-index: 1;\n margin: 18px 0 0;\n font-size: 26px;\n font-weight: 800;\n line-height: 1.2;\n color: #15395E;\n \/* \u7edf\u4e00\uff1a\u8282\u70b9\u6807\u9898 = \u6df1\u84dd *\/\n }\n\n \/* ===== \u6eda\u5165\u89c6\u53e3\uff1a\u4ec5\u5de6\u53f3\u4e24\u5f20\u5361\uff08\u542b\u6846\uff09\u4ece\u4e0b\u5f80\u4e0a\u5f39\u8df3\u5165\u573a ===== *\/\n \/* \u6574\u5361\u4ece\u5e95\u90e8\u4e0a\u6d6e + \u5f39\u8df3\uff08\u72ec\u7acb translate \u5c5e\u6027\uff0c\u4e0d\u5f71\u54cd\u5361\u7247\u539f\u6709\u7684 rotate \u503e\u659c\uff09\uff1b\n \u56fe\u7247 hover \u653e\u5927\u53ea\u7ed9\u4e2d\u592e\u8bbe\u5907\u56fe\uff08\u89c1\u4e0b\uff09 *\/\n .sys .sys__node--left,\n .sys .sys__node--right {\n opacity: 0;\n translate: 0 44px;\n will-change: transform;\n transition: opacity 0.5s ease, translate 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n\n .sys .sys__inner.is-inview .sys__node--left,\n .sys .sys__inner.is-inview .sys__node--right {\n opacity: 1;\n translate: 0 0;\n }\n\n .sys .sys__inner.is-inview .sys__node--right {\n transition-delay: 0.16s;\n \/* \u53f3\u5361\u9519\u5cf0\uff0c\u4e0d\u4e0e\u5de6\u5361\u540c\u6b65 *\/\n }\n\n \/* ===== \u56fe\u7247 hover \u653e\u5927\u63d0\u4eae =====\n \u53ea\u7ed9\u4e2d\u592e\u8bbe\u5907\u56fe\uff1b\u5de6\u53f3\u4e24\u5f20\u8282\u70b9\u56fe\u4e0d\u52a0 hover\u2014\u2014\u60ac\u505c\u65f6\u5361\u5185\u56fe\u7247\u4fdd\u6301\u4e0d\u52a8 *\/\n .sys .sys__center-img {\n will-change: transform;\n transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), filter 0.4s ease;\n }\n\n .sys .sys__center-img:hover {\n transform: scale(1.05);\n filter: brightness(1.05);\n }\n\n \/* ===== \u51cf\u5c11\u52a8\u6548\uff1a\u5173\u95ed\u60ac\u6d6e\u503e\u659c\/\u5f39\u8df3\/hover \u7f29\u653e ===== *\/\n @media (prefers-reduced-motion: reduce) {\n\n .sys .sys__node--left,\n .sys .sys__node--right {\n transform: none;\n translate: none;\n opacity: 1;\n transition: none;\n }\n\n .sys .sys__center-img {\n transform: none;\n transition: none;\n }\n\n .sys .sys__center-img:hover {\n transform: none;\n filter: none;\n }\n }\n\n \/* ===== \u54cd\u5e94\u5f0f\uff1a\u5355\u5217\u5806\u53e0\uff0c\u5f27\u7ebf\u4e0e\u6a2a\u5e45\u6536\u7a84 ===== *\/\n @media (max-width: 900px) {\n .sys {\n padding: 0 20px 44px;\n }\n\n .sys .sys__grid {\n grid-template-columns: 1fr;\n gap: 28px;\n padding: 0;\n }\n\n .sys .sys__node--left,\n .sys .sys__node--right {\n transform: none;\n }\n\n \/* \u5355\u5217\u65f6\u56fe\u7247\u6309\u6bd4\u4f8b\u4f1a\u5f88\u9ad8\uff0c\u9650\u5236\u5bbd\u5ea6\u5e76\u5c45\u4e2d *\/\n .sys .sys__node-media {\n max-width: 480px;\n margin: 0 auto;\n }\n\n .sys .sys__arc svg {\n height: 90px;\n }\n\n \/* \u5e95\u90e8\u5f27\u7ebf\u591a\u4e86\u4e09\u884c\u6587\u6848\uff0c\u6309 viewBox \u539f\u6bd4\u4f8b\u7f29\u653e\uff0c\u4e0d\u80fd\u538b\u6210 90px *\/\n .sys .sys__arc--bottom svg {\n height: auto;\n }\n\n .sys .sys__caption {\n font-size: 17px;\n }\n\n .sys .sys__center-label {\n font-size: 22px;\n }\n }\n\n @media (max-width: 480px) {\n .sys .sys__center-img {\n height: 240px;\n }\n\n .sys .sys__caption {\n font-size: 14px;\n }\n }\n\n \/* ===== \u7a84\u5c4f\uff1a\u5e95\u90e8\u4e09\u884c\u6587\u6848\u6362\u6210\u5e73\u6392\u7248 ===== *\/\n @media (max-width: 640px) {\n .sys .sys__band--bottom .sys__caption-text {\n display: none;\n }\n\n .sys .sys__arc-copy {\n display: block;\n padding: 0 4px;\n margin: 0 0 18px;\n }\n\n .sys .sys__arc-copy p {\n margin: 0;\n font-size: 15px;\n font-weight: 700;\n line-height: 1.5;\n color: #4CC7C4;\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=\"sys\" id=\"sys\">\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u25bc SEO \u7ef4\u62a4\u533a\uff08\u6539\u8fd9\u91cc\u5c31\u884c\uff0c\u4e0d\u8981\u52a8\u4e0a\u9762\u7684\u4ee3\u7801\uff09\u25bc\n\n \u00b7 \u4e0b\u65b9 SYS_CONFIG \u53ef\u6539\u4ee5\u4e0b\u5185\u5bb9\uff08\u989c\u8272\/\u5b57\u53f7\u5b57\u4f53\u5df2\u7edf\u4e00\uff0c\u4e0d\u7528\u52a8\u6837\u5f0f\uff09\uff1a\n topLabel \u9876\u90e8 \u9752\u7eff\u8272 \u6807\u8bed\n bottomLabels \u5e95\u90e8 \u4e09\u6761 \u9752\u7eff\u8272 \u6807\u8bed\uff08\u6570\u7ec4\u4e09\u9879\uff0c\u4f9d\u6b21\u53e0\u5728\u865a\u7ebf\u4e0a\u65b9\uff09\n nodeLeft.image \u2192 \u5de6\u4fa7\u56fe\u7247\uff08\u4ec5\u56fe\u7247\uff0c\u65e0\u6807\u9898\uff09\n center.label \/ image \u2192 \u4e2d\u592e\u300c\u8bbe\u5907\u540d + \u4ea7\u54c1\u56fe\u300d\uff08\u5f53\u524d\u4e3a\u5360\u4f4d\u56fe\uff0c\u66ff\u6362\u4e3a\u6b63\u5f0f\u8bbe\u5907\u56fe\uff09\n nodeRight.image \u2192 \u53f3\u4fa7\u56fe\u7247\uff08\u4ec5\u56fe\u7247\uff0c\u65e0\u6807\u9898\uff09\n\n \u00b7 \u6362\u56fe\u8bf7\u4f18\u5148\u6539 HTML \u91cc <img> \u7684 src\uff08\u4e09\u5904\uff0c\u89c1\u4e0b\u65b9\u6ce8\u91ca\uff09\u2014\u2014\u56fe\u7247\u5730\u5740\u5199\u5728\n \u6807\u7b7e\u4e0a\uff0c\u6d4f\u89c8\u5668\u624d\u80fd\u63d0\u524d\u53d1\u73b0\u5e76\u8ba9 loading=\"lazy\" \u771f\u6b63\u751f\u6548\u3002\n SYS_CONFIG \u91cc\u7684 image \u9879\u7559\u4f5c\u4e34\u65f6\u8986\u76d6\uff1a\u586b\u4e86\u4e14\u4e0e src \u4e0d\u540c\u624d\u751f\u6548\u3002\n\n \u00b7 \u4e24\u4fa7\u5361\u7247\u5df2\u5185\u7f6e\u6eda\u5165\u89c6\u53e3\u4ece\u4e0b\u5f80\u4e0a\u5347\u8d77\uff1b\u56fe\u7247 hover \u653e\u5927\u63d0\u4eae\u4ec5\u4e2d\u592e\u8bbe\u5907\u56fe\u6709\n \uff08\u65e0\u9700\u914d\u7f6e\uff0c\u51cf\u5c11\u52a8\u6548\u81ea\u52a8\u964d\u7ea7\uff09\n\n \u672c\u6a21\u5757\u662f WP \u5c0f\u90e8\u4ef6\uff0c\u5168\u9009\u590d\u5236\u5230\u9875\u9762\u5373\u53ef\u3002\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n -->\n\n <div class=\"sys__inner\">\n <div class=\"sys__band sys__band--top\">\n <div class=\"sys__arc\">\n <svg viewBox=\"0 0 1000 130\">\n <path id=\"sysArcTop\" d=\"M 40 104 Q 500 -56 940 104\" fill=\"none\" stroke=\"#4CC7C4\" stroke-width=\"2.5\"\n stroke-dasharray=\"11 9\" stroke-linecap=\"round\" \/>\n <text class=\"sys__caption-text\">\n <textPath href=\"#sysArcTop\" startOffset=\"50%\">\n <tspan data-bind=\"topLabel\" dy=\"1.15em\"><\/tspan>\n <\/textPath>\n <\/text>\n <\/svg>\n <span class=\"sys__dot\" aria-hidden=\"true\" style=\"left:4%; top:80%;\"><\/span>\n <span class=\"sys__dot\" aria-hidden=\"true\" style=\"left:96%; top:80%;\"><\/span>\n <\/div>\n <\/div>\n\n <!-- \u4e09\u5f20\u56fe\u7684\u5730\u5740\u76f4\u63a5\u5199\u5728 src \u4e0a\uff0c\u4e0d\u8981\u7559\u7ed9 JS \u586b\uff08\u4e0b\u9762 script \u91cc\u7684 data-bind-img \u53ea\u4f5c\u4e34\u65f6\u8986\u76d6\uff09\uff1a\n 1) \u6d4f\u89c8\u5668\u9884\u626b\u63cf\u5668\uff08preload scanner\uff09\u89e3\u6790 HTML \u65f6\u5c31\u4f1a\u628a src \u6293\u51fa\u6765\u63d0\u524d\u53d1\u8bf7\u6c42\uff0c\n \u7b49 JS \u518d\u8d4b\u503c\u5c31\u665a\u4e86\u4e00\u8f6e\uff0c\u8fd8\u5f97\u5148\u7b49\u811a\u672c\u6267\u884c\uff1b\n 2) loading=\"lazy\" \u53ea\u6709 src \u5728\u89e3\u6790\u671f\u5c31\u5b58\u5728\u65f6\u624d\u771f\u7684\u751f\u6548\u2014\u2014\u9760 JS \u8d4b src \u7b49\u4e8e\u7acb\u523b\u52a0\u8f7d\u3002\n \u672c\u6a21\u5757\u5728 WP \u957f\u9875\u4e2d\u6bb5\uff0c\u4e09\u5f20\u56fe\u4f1a\u8ddf\u7740\u9996\u5c4f\u4e00\u8d77\u62a2\u5e26\u5bbd\uff1b\n 3) JS \u6302\u4e86\/\u88ab\u7981\u7528\u65f6\u914d\u56fe\u7167\u6837\u663e\u793a\u3002\n width\/height \u662f\u56fe\u7247\u56fa\u6709\u5c3a\u5bf8\uff0c\u4f9b\u6d4f\u89c8\u5668\u5728\u4e0b\u56fe\u5230\u8fbe\u524d\u5148\u7b97\u597d\u5bbd\u9ad8\u6bd4\u3002\n \u6539\u5730\u5740\u6539\u8fd9\u4e00\u884c\uff1bSYS_CONFIG \u91cc\u540c\u540d\u9879\u586b\u4e86\u4e14\u4e0d\u540c\u624d\u8986\u76d6\u3002\n \u6362\u6210 WebP \u53ef\u518d\u7701\u7ea6 90%\uff08\u89c1\u4ed3\u5e93 products\/elder\/*.webp\uff0c\u5f85\u4f20 WP \u5a92\u4f53\u5e93\uff09\u3002 -->\n <div class=\"sys__grid\">\n <article class=\"sys__node sys__node--left\">\n <div class=\"sys__node-media\">\n <img data-src=\"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/10\/Group-36038-2.png\"\n alt=\"Supported Individuals\" width=\"437\" height=\"446\" data-bind-img=\"nodeLeft.image\"\n data-bind-alt=\"nodeLeft.alt\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 437px; --smush-placeholder-aspect-ratio: 437\/446;\" \/>\n <\/div>\n <\/article>\n\n <div class=\"sys__center\">\n <div class=\"sys__stage\">\n <svg class=\"sys__pulse sys__pulse--left\" viewBox=\"0 0 140 200\" aria-hidden=\"true\">\n <path\n d=\"M5 110 L12 108 L22 58 L30 118 L38 88 L46 40 L54 120 L62 96 L70 30 L78 122 L86 90 L94 46 L102 116 L110 108 L135 110\"\n fill=\"none\" stroke=\"#4CC7C4\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n <\/svg>\n <img class=\"sys__center-img lazyload\" data-src=\"https:\/\/www.eviewconnect.com\/wp-content\/smush-webp\/2026\/10\/Group-36030.png.webp\"\n alt=\"Elderly Telecare Solution\" width=\"299\" height=\"320\" data-bind-img=\"center.image\"\n data-bind-alt=\"center.alt\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 299px; --smush-placeholder-aspect-ratio: 299\/320;\" \/>\n <svg class=\"sys__pulse sys__pulse--right\" viewBox=\"0 0 140 200\" aria-hidden=\"true\">\n <path\n d=\"M5 110 L12 108 L22 58 L30 118 L38 88 L46 40 L54 120 L62 96 L70 30 L78 122 L86 90 L94 46 L102 116 L110 108 L135 110\"\n fill=\"none\" stroke=\"#4CC7C4\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n <\/svg>\n <\/div>\n <p class=\"sys__center-label\" data-bind=\"center.label\"><\/p>\n <\/div>\n\n <article class=\"sys__node sys__node--right\">\n <div class=\"sys__node-media\">\n <img data-src=\"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/10\/Group-36041.png\"\n alt=\"Rear Management Platform\" width=\"470\" height=\"404\" data-bind-img=\"nodeRight.image\"\n data-bind-alt=\"nodeRight.alt\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 470px; --smush-placeholder-aspect-ratio: 470\/404;\" \/>\n <\/div>\n <\/article>\n <\/div>\n\n <div class=\"sys__band sys__band--bottom\">\n <!-- \u7a84\u5c4f\uff08\u2264640\uff09\u6539\u7528\u5e73\u6392\u7248\uff1aSVG \u91cc\u7684\u5f27\u5f62\u6587\u5b57\u6309\u7248\u5fc3\u7b49\u6bd4\u7f29\u5c0f\u540e\u4f1a\u5c0f\u5230\u770b\u4e0d\u6e05\uff0c\n \u8fd9\u91cc\u6362\u6210\u6b63\u5e38\u5b57\u53f7\u7684\u4e09\u884c\uff0c\u540c\u65f6\u628a SVG \u6587\u5b57\u9690\u85cf\uff08\u89c1 CSS\uff09\uff0c\u4e0d\u4f1a\u91cd\u590d\u6717\u8bfb -->\n <div class=\"sys__arc-copy\">\n <p data-bind=\"bottomLabels.0\"><\/p>\n <p data-bind=\"bottomLabels.1\"><\/p>\n <p data-bind=\"bottomLabels.2\"><\/p>\n <\/div>\n <div class=\"sys__arc sys__arc--bottom\">\n <svg viewBox=\"0 -40 1000 210\">\n <!-- \u4e09\u6761\u6587\u6848\u5404\u5360\u4e00\u884c\uff1a\u5206\u522b\u6cbf\u4e00\u6761\u9690\u5f62\u7684\u5f27\u5f62\u8def\u5f84\u6392\u5e03\uff0c\u5f27\u5ea6\u4e0e\u4e0b\u65b9\u865a\u7ebf\u5b8c\u5168\u4e00\u81f4\n \uff08\u540c\u4e3a Q \u66f2\u7ebf\u3001\u63a7\u5236\u70b9\u90fd\u5728\u5f26\u4e0b\u65b9 120\uff09\uff0c\u4e09\u8005\u4f9d\u6b21\u4e0a\u79fb 32 \u4e2a\u5355\u4f4d\uff1b\n \u8def\u5f84\u53ea\u7528\u4e8e\u6392\u7248\uff0c\u672c\u8eab\u4e0d\u63cf\u8fb9\u3002 -->\n <path id=\"sysTextBottom1\" d=\"M 40 -44 Q 500 76 940 -44\" fill=\"none\" stroke=\"none\" \/>\n <path id=\"sysTextBottom2\" d=\"M 40 -12 Q 500 108 940 -12\" fill=\"none\" stroke=\"none\" \/>\n <path id=\"sysTextBottom3\" d=\"M 40 20 Q 500 140 940 20\" fill=\"none\" stroke=\"none\" \/>\n <text class=\"sys__caption-text\">\n <textPath href=\"#sysTextBottom1\" startOffset=\"50%\">\n <tspan data-bind=\"bottomLabels.0\"><\/tspan>\n <\/textPath>\n <\/text>\n <text class=\"sys__caption-text\">\n <textPath href=\"#sysTextBottom2\" startOffset=\"50%\">\n <tspan data-bind=\"bottomLabels.1\"><\/tspan>\n <\/textPath>\n <\/text>\n <text class=\"sys__caption-text\">\n <textPath href=\"#sysTextBottom3\" startOffset=\"50%\">\n <tspan data-bind=\"bottomLabels.2\"><\/tspan>\n <\/textPath>\n <\/text>\n <path id=\"sysArcBottom\" d=\"M 40 50 Q 500 170 940 50\" fill=\"none\" stroke=\"#4CC7C4\" stroke-width=\"2.5\"\n stroke-dasharray=\"11 9\" stroke-linecap=\"round\" \/>\n <\/svg>\n <span class=\"sys__dot\" aria-hidden=\"true\" style=\"left:4%; top:42.9%;\"><\/span>\n <span class=\"sys__dot\" aria-hidden=\"true\" style=\"left:96%; top:42.9%;\"><\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n var SYS_CONFIG = {\n topLabel: \"Continuous Protection in Independent Living Environments\",\n bottomLabels: [\n \"Data-Driven Care Dispatch\",\n \"Real-Time Interaction Between Clients, Caregivers, The Control Room\",\n \"Remote Care Coordination\"\n ],\n nodeLeft: {\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/10\/Group-36038-2.png\",\n alt: \"Supported Individuals\"\n },\n center: {\n label: \"Intelligent Assistive Devices\",\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/10\/Group-36030.png\",\n alt: \"Elderly Telecare Solution\"\n },\n nodeRight: {\n image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/10\/Group-36041.png\",\n alt: \"Rear Management Platform\"\n }\n };\n\n function initModule() {\n var root = document.getElementById(\"sys\");\n if (!root) return;\n var REDUCE = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n function esc(s) {\n return String(s == null ? \"\" : s).replace(\/[\"&<>]\/g, function (ch) {\n return { '\"': \""\", \"&\": \"&\", \"<\": \"<\", \">\": \">\" }[ch];\n });\n }\n\n function get(key) {\n return key.split(\".\").reduce(function (obj, k) { return obj == null ? undefined : obj[k]; }, SYS_CONFIG);\n }\n\n \/\/ \u5199\u6587\u672c\n root.querySelectorAll(\"[data-bind]\").forEach(function (el) {\n var v = get(el.getAttribute(\"data-bind\"));\n if (v != null) el.textContent = esc(v);\n });\n\n \/\/ \u5199\u56fe\u7247\uff1asrc\/alt \u5df2\u5185\u8054\u5728 HTML \u91cc\uff08\u539f\u56e0\u89c1 markup \u4e0a\u65b9\u6ce8\u91ca\uff09\u3002\n \/\/ \u8fd9\u91cc\u53ea\u5728\u914d\u7f6e\u9879\u586b\u4e86\u3001\u4e14\u4e0e\u5185\u8054\u503c\u4e0d\u540c\u65f6\u624d\u8986\u76d6\uff0c\u6240\u4ee5\uff1a\n \/\/ \u00b7 \u5e73\u65f6\u4e24\u8fb9\u4e00\u81f4 \u2192 \u65e0\u64cd\u4f5c\uff0c\u56fe\u7247\u7167\u65e7\u8d70\u9884\u626b\u63cf\u5668 + loading=\"lazy\"\n \/\/ \u00b7 \u4e34\u65f6\u6362\u56fe\u4e0d\u60f3\u52a8 HTML \u2192 \u586b\u914d\u7f6e\u9879\u5373\u53ef\n \/\/ \u76f4\u63a5 setAttribute \u4f1a\u8ba9\u6d4f\u89c8\u5668\u91cd\u65b0\u8d70\u4e00\u904d\u53d6\u56fe\u6d41\u7a0b\uff0c\u6240\u4ee5\u5148\u6bd4\u5bf9\u518d\u5199\u3002\n root.querySelectorAll(\"[data-bind-img]\").forEach(function (el) {\n var src = get(el.getAttribute(\"data-bind-img\"));\n if (src && src !== el.getAttribute(\"src\")) el.setAttribute(\"src\", esc(src));\n var alt = get(el.getAttribute(\"data-bind-alt\"));\n if (alt && alt !== el.getAttribute(\"alt\")) el.setAttribute(\"alt\", esc(alt));\n });\n\n \/\/ ===== \u6eda\u5165\u89c6\u53e3\uff1a\u6574\u4f53\u6de1\u5165 + \u56fe\u7247\u5f39\u8df3\u5165\u573a\uff08\u7531 .is-inview \u89e6\u53d1 CSS \u8fc7\u6e21\uff09 =====\n var inner = root.querySelector(\".sys__inner\");\n if (REDUCE || !(\"IntersectionObserver\" in window)) {\n inner.classList.add(\"is-inview\"); \/\/ \u51cf\u5c11\u52a8\u6548\/\u4e0d\u652f\u6301\u65f6\u76f4\u63a5\u663e\u793a\u5e76\u5165\u573a\n return;\n }\n var io = new IntersectionObserver(function (entries) {\n entries.forEach(function (en) {\n if (!en.isIntersecting) return;\n inner.classList.add(\"is-inview\");\n io.unobserve(inner);\n });\n }, { threshold: 0.2 });\n io.observe(inner);\n }\n\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", initModule);\n } else {\n initModule();\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-55e205b e-con-full e-flex e-con e-parent\" data-id=\"55e205b\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76beb80 elementor-widget elementor-widget-heading\" data-id=\"76beb80\" 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\">OEM \/ ODM Customization Services<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ce254b elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"3ce254b\" 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>Customize devices, alarm logic, connectivity, rollout materials to build a branded disability support program matching your care protocols.<\/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-bcbec03 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"bcbec03\" 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>Elder Care Capabilities<\/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;800&display=swap\"\n rel=\"stylesheet\" \/>\n <style>\n body {\n margin: 0;\n }\n <\/style>\n <style>\n .cap,\n .cap *,\n .cap *::before,\n .cap *::after {\n box-sizing: border-box;\n }\n\n .cap {\n width: 100%;\n margin: 0;\n padding: 44px 0 0;\n font-family: \"Montserrat\", Arial, sans-serif;\n color: #15395E;\n background: transparent;\n overflow: hidden;\n }\n\n .cap__inner {\n position: relative;\n max-width: 1440px;\n margin: 0 auto;\n }\n\n \/* ===== \u65e0\u7f1d\u5faa\u73af\u8f6e\u64ad\u89c6\u53e3 ===== *\/\n .cap-viewport {\n position: relative;\n overflow: hidden;\n \/* \u9876\u90e8\u5185\u8fb9\u8ddd\uff1a\u7ed9\u63a2\u51fa\u5361\u7247\u9876\u8fb9\u7684\u5706\u5f62\u56fe\u6807\u7559\u51fa\u5b8c\u6574\u9ad8\u5ea6 *\/\n padding-top: 40px;\n }\n\n \/* \u6eda\u52a8\u8f68\u9053\uff1a\u4e24\u4efd\u5361\u7247\u65e0\u7f1d\u5faa\u73af\uff0chover \/ \u952e\u76d8\u805a\u7126 \u65f6\u6682\u505c *\/\n .cap-track {\n display: flex;\n width: max-content;\n animation: capScroll 34s linear infinite;\n will-change: transform;\n }\n\n .cap-track:hover,\n .cap-track:focus-within {\n animation-play-state: paused;\n }\n\n .cap-group {\n display: flex;\n gap: 24px;\n padding: 14px 12px 26px;\n align-items: flex-start;\n }\n\n \/* \u4ea4\u9519\uff1a\u5076\u6570\u5361\u7247\u5411\u4e0b\u4f4d\u79fb\uff0c\u5f62\u6210\u4e0a\u4e0b\u9519\u843d\u7684\u952f\u9f7f\u8282\u594f\n \uff086 \u4e3a\u5076\u6570\u5411\u4e0b\u3001\u4e0b\u4e00\u7ec4\u7b2c 1 \u5f20\u5411\u4e0a\uff0c\u8de8\u5faa\u73af\u65e0\u7f1d\u8854\u63a5\uff09 *\/\n .cap-group .cap-card:nth-child(even) {\n margin-top: 48px;\n }\n\n \/* ===== \u5361\u7247\uff1a\u767d\u6e10\u53d8 + \u5706\u89d2\uff0c\u5706\u5f62\u56fe\u6807\u9a91\u5728\u9876\u8fb9 ===== *\/\n .cap-card {\n position: relative;\n flex: 0 0 auto;\n width: var(--cap-card-w, 296px);\n min-height: 360px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n padding: 80px 26px 26px;\n text-align: center;\n border-radius: 22px;\n \/* \u5361\u7247\u80cc\u666f\uff1a\u4e0a\u2192\u4e0b \u767d(\u7ea660%\u900f\u660e) \u2192 \u6d45\u84dd #DFEFFF *\/\n background: linear-gradient(180deg, #FFFFFF99 0%, #DFEFFF 100%);\n box-shadow: 0 18px 40px rgba(21, 57, 94, 0.08);\n }\n\n .cap-card__icon {\n position: absolute;\n top: -46px;\n left: 50%;\n transform: translateX(-50%);\n width: 92px;\n height: 92px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 8px 20px rgba(21, 57, 94, 0.16);\n }\n\n .cap-card__icon .cap__ico {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: contain;\n object-position: center;\n \/* \u56fe\u7247\u81ea\u5e26\u5f69\u8272\u5706\u5e95\uff0c\u94fa\u6ee1\u6574\u4e2a\u5706\u5f62\u56fe\u6807\u4f4d *\/\n opacity: 0;\n \/* \u56fe\u7247\u52a0\u8f7d\u5b8c\u6210\u624d\u6de1\u5165\uff1a\u907f\u514d\u5237\u65b0\u540e\u56fe\u6807\u77ac\u95f4\u51fa\u73b0\u5bfc\u81f4\u660e\u6697\u7a81\u53d8 *\/\n transition: opacity 0.5s ease;\n }\n\n .cap-card__icon .cap__ico.is-loaded {\n opacity: 1;\n }\n\n .cap-card__title {\n margin: 0 0 14px;\n font-size: 22px;\n font-weight: 800;\n line-height: 1.25;\n }\n\n .cap-card__desc {\n margin: 0;\n font-size: 17px;\n font-weight: 600;\n line-height: 1.6;\n color: #15395E;\n }\n\n \/* ===== \u4e3b\u9898\u914d\u8272\uff1a\u56fe\u6807\u5e95\u8272 + \u6807\u9898\u5b57\u8272 ===== *\/\n .cap-card--teal .cap-card__icon {\n background: #4CC7C4;\n }\n\n .cap-card--teal .cap-card__title {\n color: #19A6A3;\n }\n\n .cap-card--blue .cap-card__icon {\n background: #057CFF;\n }\n\n .cap-card--blue .cap-card__title {\n color: #057CFF;\n }\n\n \/* ===== hover \u70b9\u4eae\uff1a\u56fe\u6807\u653e\u5927 + \u5149\u6655\uff0c\u6807\u9898\u63d0\u4eae\uff08\u4e0d\u52a8\u5361\u7247\uff0c\u907f\u514d\u4e0e\u4ea4\u9519\u4f4d\u79fb\u51b2\u7a81\uff09 ===== *\/\n .cap-card__icon {\n transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease;\n }\n\n .cap-card__title {\n transition: color 0.3s ease;\n }\n\n .cap-card:hover .cap-card__icon {\n transform: translateX(-50%) scale(1.08);\n }\n\n .cap-card--teal:hover .cap-card__title {\n color: #4CC7C4;\n }\n\n .cap-card--blue:hover .cap-card__title {\n color: #4D9DFF;\n }\n\n @keyframes capScroll {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-50%);\n }\n }\n\n \/* ===== \u51cf\u5c11\u52a8\u6548\uff1a\u5173\u95ed\u5faa\u73af\uff0c\u6539\u4e3a\u53ef\u6a2a\u5411\u6ed1\u52a8\/\u6362\u884c\u7684\u9759\u6001\u7f51\u683c ===== *\/\n @media (prefers-reduced-motion: reduce) {\n .cap-track {\n animation: none;\n width: 100%;\n }\n\n .cap-group {\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .cap-card__icon,\n .cap-card__title {\n transition: none;\n }\n\n .cap-card__icon .cap__ico {\n opacity: 1;\n \/* \u5173\u95ed\u6de1\u5165\uff0c\u76f4\u63a5\u663e\u793a *\/\n }\n\n .cap-card:hover .cap-card__icon {\n transform: translateX(-50%);\n }\n\n .cap-card--teal:hover .cap-card__title {\n color: #19A6A3;\n }\n\n .cap-card--blue:hover .cap-card__title {\n color: #057CFF;\n }\n }\n\n \/* ===== \u54cd\u5e94\u5f0f\uff1a\u79fb\u52a8\u7aef\u6536\u7a84\u5361\u7247 ===== *\/\n @media (max-width: 640px) {\n .cap-card {\n width: 270px;\n min-height: 320px;\n padding: 70px 18px 24px;\n border-radius: 18px;\n }\n\n .cap-group .cap-card:nth-child(even) {\n margin-top: 36px;\n }\n\n .cap-card__icon {\n width: 78px;\n height: 78px;\n top: -39px;\n }\n\n .cap-card__icon .cap__ico {\n width: 100%;\n height: 100%;\n }\n\n .cap-card__title {\n font-size: 19px;\n }\n\n .cap-card__desc {\n font-size: 15px;\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=\"cap\" id=\"cap\" role=\"region\" aria-label=\"Elder care customization capabilities\">\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \u25bc SEO \u7ef4\u62a4\u533a\uff08\u6539\u8fd9\u91cc\u5c31\u884c\uff0c\u4e0d\u8981\u52a8\u4e0a\u9762\u7684\u4ee3\u7801\uff09\u25bc\n\n \u00b7 \u4e0b\u65b9 CAP_CONFIG.cards \u5c31\u662f\u6eda\u52a8\u7684 6 \u5f20\u5361\u7247\uff0c\u6bcf\u5f20\u53ef\u6539\uff1a\n title \u5361\u7247\u6807\u9898\n desc \u5361\u7247\u8bf4\u660e\u6587\u5b57\n icon \u9876\u90e8\u5706\u5f62\u56fe\u6807\u56fe\u7247 URL\uff0846px \u5185\u663e\u793a\uff0c\u52a0\u8f7d\u540e\u81ea\u52a8\u6de1\u5165\uff09\n theme \u4e3b\u9898\u914d\u8272 \"teal\"(\u9752\u7eff) \u6216 \"blue\"(\u84dd)\n \u00b7 \u5361\u7247\u4f1a\u81ea\u52a8\u65e0\u7f1d\u5faa\u73af\u6eda\u52a8\uff0c\u9f20\u6807\u60ac\u505c\u6682\u505c\uff1b\n \u589e\u5220\u5361\u7247\u53ea\u9700\u6539\u6570\u7ec4\uff0c\u5f80\u53f3\u65e0\u9650\u6eda\u52a8\u81ea\u52a8\u8865\u5168\u3002\n\n \u672c\u6a21\u5757\u662f WP \u5c0f\u90e8\u4ef6\uff0c\u5168\u9009\u590d\u5236\u5230\u9875\u9762\u5373\u53ef\u3002\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n -->\n\n <div class=\"cap__inner\">\n <div class=\"cap-viewport\">\n <div class=\"cap-track\"><\/div>\n <\/div>\n <\/div>\n\n <script>\n var CAP_CONFIG = {\n cards: [\n {\n title: \"Label Customization\",\n desc: \"Customize labels, logos, asset IDs, and packaging so workers can easily identify the hardware as part of your internal safety program.\",\n icon: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35169.png\",\n theme: \"blue\"\n },\n {\n title: \"Alert Configuration\",\n desc: \"Configure man-down thresholds, pre-alarms, check-in timers, and escalation chains to align with your safety protocols.\",\n icon: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35164.png\",\n theme: \"teal\"\n },\n {\n title: \"Hardware Adaptation\",\n desc: \"Choose tailored wearing options such as belt clips, lanyards, or vehicle mounts depending on specific job roles and safety gear.\",\n icon: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35165.png\",\n theme: \"blue\"\n },\n {\n title: \"Platform Integration\",\n desc: \"Use open protocols, sample payloads, and engineering support to integrate devices with existing dispatch, workforce, or safety software.\",\n icon: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35166.png\",\n theme: \"teal\"\n },\n {\n title: \"Network Connectivity\",\n desc: \"Select IoT modules and SIM profiles for your operating regions, including multi-network roaming for cross-border field operations.\",\n icon: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35168.png\",\n theme: \"teal\"\n },\n {\n title: \"Deployment Support\",\n desc: \"Develop quick-start guides, packaging, and toolbox talk materials to help supervisors introduce devices smoothly during safety briefings.\",\n icon: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35167.png\",\n theme: \"blue\"\n }\n ]\n };\n\n function initModule() {\n var root = document.getElementById(\"cap\");\n if (!root) return;\n var REDUCE = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n function esc(s) {\n return String(s == null ? \"\" : s).replace(\/[\"&<>]\/g, function (ch) {\n return { '\"': \""\", \"&\": \"&\", \"<\": \"<\", \">\": \">\" }[ch];\n });\n }\n\n function cardHtml(c) {\n return '<article class=\"cap-card cap-card--' + c.theme + '\" role=\"listitem\">'\n + '<div class=\"cap-card__icon\"><img class=\"cap__ico\" src=\"' + esc(c.icon) + '\" alt=\"\" loading=\"lazy\" decoding=\"async\" \/><\/div>'\n + '<h3 class=\"cap-card__title\">' + esc(c.title) + '<\/h3>'\n + '<p class=\"cap-card__desc\">' + esc(c.desc) + '<\/p>'\n + '<\/article>';\n }\n\n var track = root.querySelector(\".cap-track\");\n if (!track) return;\n\n \/\/ \u7b2c\u4e00\u7ec4\u5361\u7247\n var group = document.createElement(\"div\");\n group.className = \"cap-group\";\n group.setAttribute(\"role\", \"list\");\n group.innerHTML = CAP_CONFIG.cards.map(cardHtml).join(\"\");\n track.appendChild(group);\n\n \/\/ \u975e\u51cf\u5c11\u52a8\u6548\uff1a\u514b\u9686\u4e00\u4efd\u5b9e\u73b0\u65e0\u7f1d\u5faa\u73af\uff08translateX(-50%) \u6b63\u597d\u4e00\u7ec4\u5bbd\uff09\n \/\/ \u590d\u5236\u7ec4\u5bf9\u8bfb\u5c4f\u9690\u85cf\uff0c\u907f\u514d\u91cd\u590d\u6717\u8bfb\n if (!REDUCE) {\n var clone = group.cloneNode(true);\n clone.setAttribute(\"aria-hidden\", \"true\");\n track.appendChild(clone);\n }\n\n \/\/ ===== \u56fe\u6807\u56fe\u7247\u52a0\u8f7d\u5b8c\u6210\u624d\u6de1\u5165\uff08\u542b\u7f13\u5b58\u547d\u4e2d\uff09\uff0c\u52a0\u8f7d\u5931\u8d25\u4e5f\u76f4\u63a5\u663e\u793a =====\n track.querySelectorAll(\".cap__ico\").forEach(function (img) {\n function show() { img.classList.add(\"is-loaded\"); }\n img.addEventListener(\"load\", show);\n img.addEventListener(\"error\", show);\n if (img.complete) { if (img.naturalWidth) show(); }\n });\n\n \/\/ ===== \u81ea\u9002\u5e94\uff1a\u6309\u5bb9\u5668\u5bbd\u5ea6\u7f29\u653e\u5361\u7247\uff0c\u4fdd\u8bc1\u6700\u5c11\u5b8c\u6574\u9732\u51fa 4 \u5f20\uff08\u5bb9\u5668\u8d8a\u7a84\u51cf\u5230 3\/2 \u5f20\uff0c\u907f\u514d\u88ab\u6324\u6241\uff09 =====\n function fitCards() {\n var vpEl = root.querySelector(\".cap-viewport\") || track;\n var vpw = vpEl.clientWidth;\n var gap = 24, pad = 24; \/\/ 3 \u4e2a\u5361\u95f4 gap + \u7ec4\u5de6\u53f3 padding(12+12)\n var n = vpw >= 1024 ? 4 : (vpw >= 640 ? 3 : 2);\n var w = (vpw - gap * (n - 1) - pad) \/ n;\n if (w < 220) w = 220;\n if (w > 340) w = 340;\n track.style.setProperty(\"--cap-card-w\", Math.round(w) + \"px\");\n }\n fitCards();\n var rsT;\n window.addEventListener(\"resize\", function () {\n clearTimeout(rsT);\n rsT = setTimeout(fitCards, 150);\n });\n\n \/\/ ===== \u6eda\u51fa\u89c6\u53e3\u6682\u505c\u5faa\u73af\uff0c\u51cf\u5c11 CPU \/ \u7535\u6c60\u6d88\u8017 =====\n if (!REDUCE && \"IntersectionObserver\" in window) {\n var vp = root.querySelector(\".cap-viewport\") || track;\n var pausing = false;\n new IntersectionObserver(function (entries) {\n entries.forEach(function (en) {\n var shouldPause = !en.isIntersecting;\n if (shouldPause === pausing) return;\n pausing = shouldPause;\n track.style.animationPlayState = shouldPause ? \"paused\" : \"\";\n });\n }, { threshold: 0 }).observe(vp);\n }\n }\n\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", initModule);\n } else {\n initModule();\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<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Disability Support Solution Empower Independent Living Wherever Users Go \u00a0 A complete safety solution featuring adaptive GPS alarms, accessible emergency controls, ambient sensors, open platform integration. Engineered for disability care providers seeking reliable protection for individuals with diverse physical, sensory, cognitive needs. Contact Us Common Gaps in Lone Worker Safety and Compliance Why Consumer Devices Fall Short Sort Options Assistive Devices for Diverse Needs Choose the right device for each risk profile, from rugged SOS alarms to wearable safety watches, keeping your device portfolio consistent. \u00a0 mPERS Products How Partners Use Our Telecare Solutions Proven across diverse care environments, from independent living to specialized support. Active Living Supported Living Independent […]<\/p>\n","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-24589","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.eviewconnect.com\/ja\/wp-json\/wp\/v2\/pages\/24589","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=24589"}],"version-history":[{"count":30,"href":"https:\/\/www.eviewconnect.com\/ja\/wp-json\/wp\/v2\/pages\/24589\/revisions"}],"predecessor-version":[{"id":24717,"href":"https:\/\/www.eviewconnect.com\/ja\/wp-json\/wp\/v2\/pages\/24589\/revisions\/24717"}],"wp:attachment":[{"href":"https:\/\/www.eviewconnect.com\/ja\/wp-json\/wp\/v2\/media?parent=24589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}