{"id":6088,"date":"2025-08-01T02:42:39","date_gmt":"2025-08-01T02:42:39","guid":{"rendered":"https:\/\/www.eviewconnect.com\/?page_id=6088"},"modified":"2026-10-22T02:22:49","modified_gmt":"2026-10-22T02:22:49","slug":"loneworker","status":"publish","type":"page","link":"https:\/\/www.eviewconnect.com\/ja\/loneworker\/","title":{"rendered":"EV\u30b1\u30fc\u30b9 \u2013 \u3072\u3068\u308a\u304d\u308a\u3067\u4f5c\u696d\u3059\u308b\u52b4\u50cd\u8005"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6088\" class=\"elementor elementor-6088\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a13a731 e-flex e-con-boxed e-con e-parent\" data-id=\"a13a731\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61c1105 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"61c1105\" 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\">Lone Worker Safety Solution<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4f5503 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"e4f5503\" 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>Protect Lone Workers Wherever the Job Takes Them<\/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-d109065 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"d109065\" 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>A complete safety solution combining GPS SOS devices, man-down detection, hybrid positioning, and open platform integration. Designed for utilities, logistics, field service, security, and industrial teams that need dependable protection for staff working alone or in high-risk environments.<\/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-8bf858c e-transform elementor-align-right elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"8bf858c\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.eviewconnect.com\/the-elderly\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contact 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<div class=\"elementor-element elementor-element-f950a57 e-flex e-con-boxed e-con e-parent\" data-id=\"f950a57\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32c5c16 elementor-widget elementor-widget-heading\" data-id=\"32c5c16\" 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\">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<div class=\"elementor-element elementor-element-f8aad80 elementor-widget elementor-widget-html\" data-id=\"f8aad80\" 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>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 Basic Phones & Trackers Fall Short in Emergencies\",\n            iconColor: \"#2E6BE6\", \/\/ \u5de6\u5361\u56fe\u6807\uff1a\u84dd\n            image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/\u72ec\u5de5-2-1.png\", \/\/ \u6b63\u5f0f\u56fe\n            alt: \"The Limitations of Consumer Devices\",\n            intro: \"Smartphones and basic GPS trackers may be convenient, but they are not built for dependable, context-aware protection during critical incidents.\",\n            items: [\n              {\n                t: \"Manual SOS Dependency\",\n                d: \"Manual SOS depends on the worker being conscious, able to access the device, and within coverage. Phones may also be dropped, damaged, or left behind during an incident.\",\n                icon: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35188-1.png\"\n              },\n              {\n                t: \"Location Without Context\",\n                d: \"Basic trackers may provide coordinates, but they rarely show indoor zones or risk-area context, slowing down response in complex sites.\",\n                icon: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35189-1.png\"\n              },\n              {\n                t: \"Lack of Automated Alerts\",\n                d: \"Panic-only devices remain silent if a worker is incapacitated. Without man-down, no-motion, or missed check-in logic, serious falls, medical events, or assaults may 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 Safety and Dispatch Teams\",\n            iconColor: \"#4CC7C4\", \/\/ \u53f3\u5361\u56fe\u6807\uff1a\u9752\n            image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/\u72ec\u5de5-3-2.png\", \/\/ \u6b63\u5f0f\u56fe\n            alt: \"The Hidden Costs for Care Providers\",\n            intro: \"For safety managers and dispatch teams, these limitations create workflow bottlenecks, delayed response, and compliance risk.\",\n            items: [\n              {\n                t: \"False Alarms and Alarm Fatigue\",\n                d: \"Without pre-alarms, validation steps, or configurable sensor logic, control rooms may face excessive false alerts, reducing response efficiency.\",\n                icon: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35191-1.png\"\n              },\n              {\n                t: \"Compliance and Liability Exposure\",\n                d: \"Post-incident reviews may reveal gaps in lone worker protection, increasing legal, regulatory, and reputational risk.\",\n                icon: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35192-1.png\"\n              },\n              {\n                t: \"Difficult Program Scaling\",\n                d: \"Multiple device types, fragmented apps, and inconsistent settings make it difficult to train workers, monitor adoption, and scale safety programs across sites.\",\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 { '\"': \"&quot;\", \"&\": \"&amp;\", \"<\": \"&lt;\", \">\": \"&gt;\" }[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-0086193 elementor-widget elementor-widget-html\" data-id=\"0086193\" 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 Lone Worker Protection\",\n        subtitle:\n          \"Built to turn safety policies into real-time action, simplify daily use for workers, and help organizations scale consistent protection across teams and locations.\",\n        cards: [\n          {\n            title: \"Intelligent Man-Down Detection\",\n            text: \"Devices use motion sensors, tilt angles, and configurable time thresholds to detect falls or prolonged inactivity, triggering alerts even when the worker 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, and optional Bluetooth beacons to support indoor and outdoor positioning. Geofences help flag entry into restricted or hazardous 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 and Platform Integration\",\n            text: \"Device data can be integrated with existing safety, workforce, or dispatch platforms through open APIs and 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 { '\"': \"&quot;\", \"&\": \"&amp;\", \"<\": \"&lt;\", \">\": \"&gt;\" }[\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-548c11b e-flex e-con-boxed e-con e-parent\" data-id=\"548c11b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-309b279 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"309b279\" 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\">Safety-Ready Devices for Frontline Workers<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be57dce elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"be57dce\" 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, while keeping your device portfolio consistent and easy to manage.<\/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-42dc142 elementor-widget elementor-widget-html\" data-id=\"42dc142\" 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 for discreet, wearable protection and basic health monitoring.\",\n                    url: \"https:\/\/www.eviewconnect.com\/product\/ev-w101\/\",\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-35906.png\" },\n                        { name: \"White\", color: \"#FCF8E9\", image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35932-2.png\" },\n                    ],\n                },\n                {\n                    title: \"EV-P103\",\n                    subtitle: \"EV-P103 Smart Safety Pendant\",\n                    url: \"https:\/\/www.eviewconnect.com\/product\/ev-p103\/\",\n                    image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35919-2.png\",\n                },\n                {\n                    title: \"EV-03\",\n                    subtitle: \"Lone Worker Safety Badge\",\n                    url: \"https:\/\/www.eviewconnect.com\/product\/ev-03\/\",\n                    image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/Group-35918-2.png\",\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 { '\"': \"&quot;\", \"&\": \"&amp;\", \"<\": \"&lt;\", \">\": \"&gt;\" }[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-ffcea32 e-flex e-con-boxed e-con e-parent\" data-id=\"ffcea32\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74bc46c elementor-widget elementor-widget-heading\" data-id=\"74bc46c\" 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\">Lone Worker Safety Use Cases<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05efeaf elementor-widget elementor-widget-text-editor\" data-id=\"05efeaf\" 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>Support diverse operating environments, from remote field inspections and night patrols to industrial facilities and community visits.<\/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-2f5311a elementor-widget elementor-widget-html\" data-id=\"2f5311a\" 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: 40px;\n    margin-top: 57px;\n    padding-bottom: 0;\n    border-bottom: 1px solid var(--sel-border);\n  }\n  .sel-tab {\n    position: relative;\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\/07\/Group-35647-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\/07\/Group-35646.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\/07\/\u72ec\u5de5-11-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\/07\/\u72ec\u5de5-13-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\/07\/\u72ec\u5de5-14-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\/07\/\u72ec\u5de5-15-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\">Remote Work<\/button>\n      <button type=\"button\" class=\"sel-tab\"           role=\"tab\" aria-selected=\"false\" data-tab=\"1\">Night Shift<\/button>\n      <button type=\"button\" class=\"sel-tab\"           role=\"tab\" aria-selected=\"false\" data-tab=\"2\">Facility Work<\/button>\n      <button type=\"button\" class=\"sel-tab\"           role=\"tab\" aria-selected=\"false\" data-tab=\"3\">Mobile Work<\/button>\n      <button type=\"button\" class=\"sel-tab\"           role=\"tab\" aria-selected=\"false\" data-tab=\"4\">Hazardous Zones<\/button>\n      <button type=\"button\" class=\"sel-tab\"           role=\"tab\" aria-selected=\"false\" data-tab=\"5\">Community Work<\/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\">Power Line Inspection<\/h3>\n        <p class=\"sel-card__desc\">\n          Utility technicians inspecting remote power lines carry GPS SOS devices with man-down detection. If a worker falls or becomes unconscious, the device automatically sends an alert with location data to dispatch.\n        <\/p>\n      <\/div>\n\n      <div class=\"sel-card__panel\" data-tab=\"1\" aria-hidden=\"true\">\n        <h3 class=\"sel-card__title\">Industrial Estate Patrol<\/h3>\n        <p class=\"sel-card__desc\">\n          Security guards use wearable devices for scheduled check-ins during night patrols. Missed movement or check-in events trigger pre-alarms, helping the control room verify and escalate incidents quickly.\n        <\/p>\n      <\/div>\n\n      <div class=\"sel-card__panel\" data-tab=\"2\" aria-hidden=\"true\">\n        <h3 class=\"sel-card__title\">Logistics Hub Maintenance<\/h3>\n        <p class=\"sel-card__desc\">\n          In large depots, indoor beacons help provide zone-level location when an alarm is triggered. Supervisors and first aiders can identify the affected area and respond more efficiently.\n        <\/p>\n      <\/div>\n\n      <div class=\"sel-card__panel\" data-tab=\"3\" aria-hidden=\"true\">\n        <h3 class=\"sel-card__title\">Cross-Border Transport<\/h3>\n        <p class=\"sel-card__desc\">\n          Multi-network roaming devices help long-haul drivers maintain connectivity across regions with variable coverage. Drivers can send SOS alerts while dispatch teams monitor emergency events on the road.\n        <\/p>\n      <\/div>\n\n      <div class=\"sel-card__panel\" data-tab=\"4\" aria-hidden=\"true\">\n        <h3 class=\"sel-card__title\">Restricted Area Monitoring<\/h3>\n        <p class=\"sel-card__desc\">\n          Geofencing helps supervisors monitor restricted or hazardous areas in chemical plants and industrial sites. Alerts can be triggered when workers enter high-risk zones or remain there longer than allowed.\n        <\/p>\n      <\/div>\n\n      <div class=\"sel-card__panel\" data-tab=\"5\" aria-hidden=\"true\">\n        <h3 class=\"sel-card__title\">Social Care Visits<\/h3>\n        <p class=\"sel-card__desc\">\n          Social workers visiting unpredictable environments can use discreet SOS watches to request help without drawing attention. Silent alarms support rapid escalation when a situation becomes unsafe.\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\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-0c1023c e-con-full e-flex e-con e-parent\" data-id=\"0c1023c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4cc4d2 elementor-widget elementor-widget-heading\" data-id=\"c4cc4d2\" 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-c385b6a elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"c385b6a\" 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 frontline workers, intelligent safety devices, and rear management platforms to enable real-time positioning, monitoring, alerts, and dispatch.<\/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-6b55080 elementor-widget elementor-widget-html\" data-id=\"6b55080\" 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\uff1a5px \u7eaf\u767d\u63cf\u8fb9 + \u5706\u89d2\uff0c\u5706\u89d2\u5904\u5185\u5bb9\u8d85\u51fa\u9690\u85cf\uff08border-image \u4e0d\u652f\u6301\u5706\u89d2\uff0c\u6545\u6539\u7528\u5b9e\u7ebf\uff09 *\/\n      border: 5px solid #FFFFFF;\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      grid-template-columns: 1fr 1.16fr 1fr;\n      gap: 24px;\n      align-items: center;\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    \/* \u8f7b\u60ac\u6d6e\u503e\u659c\uff08\u5de6\u9006\u65f6\u9488 \/ \u53f3\u987a\u65f6\u9488\uff09\uff0c\u6a21\u62df\u8bbe\u8ba1\u56fe\u5411\u5916\u516b\u5b57\u6f02\u6d6e *\/\n    .sys .sys__node--left {\n      transform: rotate(-4deg);\n    }\n\n    .sys .sys__node--right {\n      transform: rotate(4deg);\n    }\n\n    .sys .sys__node-media {\n      position: relative;\n      border-radius: 20px;\n      overflow: hidden;\n    }\n\n    \/* \u4e24\u4fa7\u4e3a UI \u5207\u597d\u7684\u5361\u7247\u56fe\uff1bcontain \u4fdd\u8bc1\u5b8c\u6574\u663e\u793a\u4e0d\u88c1\u5207\uff0c\u7b49 UI \u63d0\u4f9b\u7edf\u4e00\u5c3a\u5bf8\u518d\u7b49\u9ad8 *\/\n    .sys .sys__node-media img {\n      display: block;\n      width: 100%;\n      height: 400px;\n      object-fit: contain;\n      object-position: center;\n      border: 0;\n      border-radius: 20px;\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      }\n\n      .sys .sys__node--left,\n      .sys .sys__node--right {\n        transform: none;\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__node-media img {\n        height: 230px;\n      }\n\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-35607.png\" alt=\"Lone Worker\"\n              width=\"437\" height=\"446\" data-bind-img=\"nodeLeft.image\" data-bind-alt=\"nodeLeft.alt\"\n              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\/uploads\/2026\/09\/12-1.png\"\n              alt=\"Elderly Telecare Solution\" width=\"237\" height=\"316\" data-bind-img=\"center.image\"\n              data-bind-alt=\"center.alt\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 237px; --smush-placeholder-aspect-ratio: 237\/316;\" \/>\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\/smush-webp\/2026\/10\/Group-36034.png.webp\"\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 Monitoring Outside the Hospital\",\n        bottomLabels: [\n          \"Data-Driven Command and Dispatch\",\n          \"Real-Time Interaction Between Lone Workers and the Control Room\",\n          \"Remote Care Coordination\"\n        ],\n        nodeLeft: {\n          image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/10\/Group-35607.png\",\n          alt: \"Lone Worker\"\n        },\n        center: {\n          label: \"Medical Monitoring Devices\",\n          image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/09\/101-1-2.png\",\n          alt: \"Elderly Telecare Solution\"\n        },\n        nodeRight: {\n          image: \"https:\/\/www.eviewconnect.com\/wp-content\/uploads\/2026\/10\/Group-36034.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 { '\"': \"&quot;\", \"&\": \"&amp;\", \"<\": \"&lt;\", \">\": \"&gt;\" }[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-be25c60 e-con-full e-flex e-con e-parent\" data-id=\"be25c60\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a276120 elementor-widget elementor-widget-heading\" data-id=\"a276120\" 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-e0f8b5b elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"e0f8b5b\" 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, and rollout materials to build a branded lone worker safety program that fits your procedures and operating regions.<\/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-42b348d elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"42b348d\" 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: \"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-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 { '\"': \"&quot;\", \"&\": \"&amp;\", \"<\": \"&lt;\", \">\": \"&gt;\" }[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>Lone Worker Safety Solution Protect Lone Workers Wherever the Job Takes Them A complete safety solution combining GPS SOS devices, man-down detection, hybrid positioning, and open platform integration. Designed for utilities, logistics, field service, security, and industrial teams that need dependable protection for staff working alone or in high-risk environments. Contact Us Common Gaps in Lone Worker Safety and Compliance Why Consumer Devices Fall Short Sort Options Safety-Ready Devices for Frontline Workers Choose the right device for each risk profile, from rugged SOS alarms to wearable safety watches, while keeping your device portfolio consistent and easy to manage. \u00a0 mPERS Products Lone Worker Safety Use Cases Support diverse operating environments, [&hellip;]<\/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-6088","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.eviewconnect.com\/ja\/wp-json\/wp\/v2\/pages\/6088","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=6088"}],"version-history":[{"count":30,"href":"https:\/\/www.eviewconnect.com\/ja\/wp-json\/wp\/v2\/pages\/6088\/revisions"}],"predecessor-version":[{"id":24573,"href":"https:\/\/www.eviewconnect.com\/ja\/wp-json\/wp\/v2\/pages\/6088\/revisions\/24573"}],"wp:attachment":[{"href":"https:\/\/www.eviewconnect.com\/ja\/wp-json\/wp\/v2\/media?parent=6088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}