{"product_id":"ajax-superior-turretcam-hlvf-4-mp-8-mp","title":"Ajax Superior TurretCam HLVF (4 Mp\/ 8 Mp): Camera Giám Sát Ai Chuẩn Châu Âu","description":"\u003cdiv class=\"ajx-v137-hero-wrapper\"\u003e\n \n \u003cdiv class=\"ajx-v137-hero-bg-mobile\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/imageye_eebb6d2f-699b-4f01-b53e-a0198187100f.jpg?v=1776844001\" alt=\"Ajax Superior TurretCam HLVF\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v137-hero-overlay\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v137-hero-content\"\u003e\n \n \u003cdiv class=\"ajx-v137-text-group\"\u003e\n \u003cdiv class=\"ajx-v137-superior-logo-box\"\u003e\n \u003cspan class=\"ajx-v137-superior-text\"\u003e\u003cspan class=\"red-s\"\u003eS\u003c\/span\u003eUPERIOR\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003ch1 class=\"ajx-v137-title\"\u003eAjax Superior TurretCam HLVF\u003c\/h1\u003e\n \n \u003cp class=\"ajx-v137-desc\"\u003eCamera IP có dây với ống kính P-Iris tiêu cự thay đổi, chiếu sáng lai, trí tuệ nhân tạo (AI), micro và loa tích hợp, cùng các cổng đầu vào\/đầu ra âm thanh và báo động.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ajx-v137-logos-row\"\u003e\n \u003cdiv class=\"ajx-v137-logo-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/ONVIF_f547c515-aa99-4acb-a23f-da0d5fc987eb.png?v=1777031330\" alt=\"P-Iris Lens\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ajx-v137-logo-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_2_51f71a6a-a469-4e3d-b072-e611c4509a78.png?v=1776828104\" alt=\"ONVIF\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ajx-v137-logo-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/P-iris.png?v=1777031265\" alt=\"NDAA Compliant\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* --- CSS RESET --- *\/\n .ajx-v137-hero-wrapper, .ajx-v137-hero-wrapper * {\n font-family: inherit !important; \n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: normal !important;\n }\n\n \/* --- BỐ CỤC KHỐI HERO TỔNG THỂ --- *\/\n .ajx-v137-hero-wrapper {\n position: relative !important;\n max-width: 1050px !important;\n margin: 0 auto !important;\n min-height: 550px !important; \n display: flex !important;\n align-items: stretch !important; \n border-radius: 20px !important;\n overflow: hidden !important; \n box-shadow: 0 15px 40px rgba(0,0,0,0.5) !important;\n background-color: #000000 !important;\n \n \/* MẶC ĐỊNH PC: DÙNG BACKGROUND CSS ĐỂ KÉO CAMERA TỰ DO KHÔNG LỘ VIỀN *\/\n background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/imageye_eebb6d2f-699b-4f01-b53e-a0198187100f.jpg?v=1776844001') !important;\n background-size: cover !important;\n background-repeat: no-repeat !important;\n \n \/* ĐÃ KÉO CAMERA VÀO SÁT CHỮ: 40% (Trượt ảnh sang trái để con camera bên phải đi vào trung tâm) *\/\n background-position: 50% center !important; \n }\n\n \/* ẨN ẢNH MOBILE TRÊN PC *\/\n .ajx-v137-hero-bg-mobile {\n display: none !important;\n }\n\n \/* --- LỚP PHỦ SƯƠNG MÙ ĐEN (OVERLAY PC) --- *\/\n .ajx-v137-hero-overlay {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n z-index: 2 !important;\n background: linear-gradient(to right, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.7) 40%, rgba(0,0,0,0) 75%) !important;\n }\n\n \/* --- NỘI DUNG CHÍNH --- *\/\n .ajx-v137-hero-content {\n position: relative !important;\n z-index: 3 !important; \n padding: 50px 60px !important;\n width: 100% !important;\n max-width: 650px !important; \n animation: ajxFadeInUpV137 0.8s ease-out forwards;\n \n display: flex !important;\n flex-direction: column !important;\n }\n\n \/* --- NHÓM VĂN BẢN --- *\/\n .ajx-v137-text-group {\n flex: 1 !important; \n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important; \n align-items: flex-start !important; \n }\n\n \/* --- LOGO SUPERIOR HTML\/CSS --- *\/\n .ajx-v137-superior-logo-box {\n margin-bottom: 15px !important;\n padding-left: 2px !important; \n }\n\n .ajx-v137-superior-text {\n color: #ffffff !important;\n font-size: 16px !important;\n font-weight: 800 !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n }\n\n .ajx-v137-superior-text .red-s {\n color: #e50000 !important; \n }\n\n .ajx-v137-title {\n color: #ffffff !important;\n font-size: clamp(24px, 2.5vw, 34px) !important; \n font-weight: 900 !important;\n margin-bottom: 20px !important;\n text-transform: none !important;\n line-height: 1.3 !important; \n border: none !important;\n text-align: left !important;\n }\n\n .ajx-v137-desc {\n color: #e0e0e0 !important;\n font-size: clamp(15px, 1.8vw, 17px) !important;\n line-height: 1.6 !important;\n margin-bottom: 0 !important; \n text-align: left !important;\n }\n\n \/* --- 3 LOGO CHỨNG NHẬN --- *\/\n .ajx-v137-logos-row {\n display: flex !important;\n flex-direction: row !important;\n flex-wrap: nowrap !important; \n align-items: center !important;\n justify-content: center !important; \n gap: 30px !important; \n width: 100% !important; \n margin-top: 40px !important; \n }\n\n .ajx-v137-logo-item {\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n height: 50px !important; \n }\n\n .ajx-v137-logo-item img {\n max-height: 100% !important; \n max-width: 100% !important; \n object-fit: contain !important;\n display: block !important;\n mix-blend-mode: screen !important; \n filter: brightness(1.3) !important; \n }\n\n \/* Hiệu ứng trượt lên *\/\n @keyframes ajxFadeInUpV137 {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* --- MOBILE RESPONSIVE (GIỮ NGUYÊN SỰ HOÀN HẢO) --- *\/\n @media (max-width: 768px) {\n .ajx-v137-hero-wrapper {\n min-height: 650px !important; \n \/* TRÊN MOBILE: TẮT BACKGROUND CSS VÀ DÙNG ẢNH IMG BÊN TRONG ĐỂ KHÔNG BỊ MẤT HÌNH *\/\n background-image: none !important;\n background-color: #000 !important;\n }\n \n \/* HIỆN ẢNH IMG TRÊN MOBILE *\/\n .ajx-v137-hero-bg-mobile {\n display: block !important;\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n z-index: 1 !important;\n }\n\n .ajx-v137-hero-bg-mobile img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important; \n object-position: 50% center !important; \n }\n\n .ajx-v137-hero-overlay {\n background: linear-gradient(to bottom, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.2) 100%) !important; \n }\n\n .ajx-v137-hero-content {\n padding: 40px 20px 30px 20px !important; \n max-width: 100% !important; \n }\n \n .ajx-v137-text-group {\n align-items: center !important; \n }\n\n .ajx-v137-superior-logo-box {\n padding-left: 0 !important; \n }\n\n .ajx-v137-title, .ajx-v137-desc {\n text-align: center !important;\n text-shadow: 0 2px 10px rgba(0,0,0,0.8) !important; \n }\n\n .ajx-v137-logos-row {\n flex-wrap: wrap !important; \n justify-content: center !important; \n gap: 20px !important;\n margin-top: auto !important; \n }\n\n .ajx-v137-logo-item {\n height: 45px !important; \n }\n }\n\u003c\/style\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v202-wrapper\"\u003e\n \n \u003cdiv class=\"ajx-v202-award-card\"\u003e\n \n \u003ch3 class=\"ajx-v202-award-text\"\u003e\n Superior TurretCam HLVF đã giành được giải thưởng Red Dot Design Award.\n \u003c\/h3\u003e\n\n \u003cdiv class=\"ajx-v202-award-logo-wrap\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_36_5849b206-1093-4b10-be5b-7ba6cb6e9b48.avif?v=1777025957\" alt=\"Red Dot Design Award\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* --- CSS RESET --- *\/\n .ajx-v202-wrapper, .ajx-v202-wrapper * {\n font-family: inherit !important; \n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: normal !important;\n }\n\n \/* --- BỐ CỤC CHÍNH --- *\/\n .ajx-v202-wrapper {\n width: 100% !important;\n max-width: 950px !important;\n margin: 0 auto !important;\n padding: 20px 15px !important;\n animation: ajxFadeInUpV202 0.8s ease-out forwards;\n }\n\n \/* --- CARD NỀN XÁM ĐEN --- *\/\n .ajx-v202-award-card {\n background-color: #1a1a1c !important; \/* Xám đen Ajax *\/\n border-radius: 16px !important;\n padding: 35px 40px !important;\n display: flex !important;\n flex-direction: column !important; \/* Ép xếp dọc *\/\n align-items: center !important; \/* Căn giữa các phần tử *\/\n justify-content: center !important;\n text-align: center !important;\n gap: 25px !important; \/* Khoảng cách giữa chữ và logo *\/\n border: 1px solid rgba(255, 255, 255, 0.05) !important;\n box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;\n }\n\n \/* --- CHỮ GIẢI THƯỞNG --- *\/\n .ajx-v202-award-text {\n color: #ffffff !important;\n font-size: clamp(18px, 2.5vw, 22px) !important;\n font-weight: 700 !important;\n line-height: 1.5 !important;\n margin: 0 !important;\n }\n\n \/* --- KHUNG HIGHLIGHT LOGO --- *\/\n .ajx-v202-award-logo-wrap {\n background-color: #000000 !important;\n padding: 15px 30px !important;\n border-radius: 12px !important;\n border: 2px solid #00ff7f !important; \/* Viền xanh Ajax nổi bật *\/\n box-shadow: 0 0 20px rgba(0, 255, 127, 0.2) !important; \/* Hiệu ứng phát sáng nhẹ *\/\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n }\n\n .ajx-v202-award-logo-wrap:hover {\n transform: translateY(-3px) !important;\n box-shadow: 0 5px 25px rgba(0, 255, 127, 0.4) !important;\n }\n\n .ajx-v202-award-logo-wrap img {\n max-width: 140px !important; \/* Giới hạn độ rộng logo cho cân đối *\/\n height: auto !important;\n object-fit: contain !important;\n display: block !important;\n }\n\n \/* --- HIỆU ỨNG XUẤT HIỆN --- *\/\n @keyframes ajxFadeInUpV202 {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* --- MOBILE RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .ajx-v202-award-card {\n padding: 30px 20px !important;\n }\n \n .ajx-v202-award-logo-wrap img {\n max-width: 120px !important;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v10-wrapper\"\u003e\n \n \u003ch2 class=\"ajx-v10-title\"\u003ePhiên bản sản phẩm\u003c\/h2\u003e\n\n \u003cdiv class=\"ajx-v10-gallery\"\u003e\n \u003cdiv class=\"ajx-v10-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/4mp_ba6a6f75-2c94-4cd0-9dfd-b4bd0dce4a90.png?v=1776847120\" alt=\"Ajax TurretCam 4MP\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ajx-v10-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/8mp_9f7c3573-6aa7-42e9-9996-8999a546db7b.png?v=1776847121\" alt=\"Ajax TurretCam 8MP\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"ajx-lightbox\" class=\"ajx-lightbox\"\u003e\n \u003cspan class=\"ajx-lightbox-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"ajx-lightbox-img\" src=\"\" alt=\"Zoomed Image\"\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* --- CSS RESET --- *\/\n .ajx-v10-wrapper, .ajx-v10-wrapper * {\n font-family: inherit !important; \n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: normal !important;\n }\n\n \/* --- BỐ CỤC CHÍNH --- *\/\n .ajx-v10-wrapper {\n max-width: 1050px !important;\n margin: 0 auto !important;\n padding: 20px 15px !important;\n }\n\n \/* --- TIÊU ĐỀ ĐỒNG BỘ --- *\/\n .ajx-v10-title {\n color: #ffffff !important;\n font-size: clamp(24px, 2.5vw, 34px) !important; \/* Đồng bộ kích cỡ với khối trên *\/\n font-weight: 900 !important;\n text-align: center !important;\n text-transform: none !important;\n margin-bottom: 40px !important;\n border: none !important;\n letter-spacing: 0.5px !important;\n }\n\n \/* --- LƯỚI DỌC DANH SÁCH ẢNH --- *\/\n .ajx-v10-gallery { \n display: flex !important; \n flex-direction: column !important; \/* Hiển thị dọc *\/\n align-items: center !important;\n gap: 30px !important; \n width: 100% !important;\n }\n\n \/* --- KHUNG ẢNH TƯƠNG TÁC --- *\/\n .ajx-v10-item { \n background-color: #111111 !important; \/* Trùng màu nền chuẩn của Ajax *\/\n border-radius: 20px !important; \n overflow: hidden !important; \n border: 2px solid rgba(0, 255, 127, 0.05) !important; \/* Viền xanh rất mờ mặc định *\/\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; \n cursor: zoom-in !important; \/* Đổi icon chuột thành kính lúp *\/\n line-height: 0 !important; \n -webkit-tap-highlight-color: transparent !important; \n position: relative !important; \n width: 100% !important;\n max-width: 800px !important; \/* Giới hạn độ rộng để không bị quá to trên PC *\/\n box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;\n }\n \n \/* HIỆU ỨNG RÊ CHUỘT: Sáng viền xanh, nảy lên *\/\n .ajx-v10-item:hover, .ajx-v10-item:active { \n border-color: #00ff7f !important; \n transform: translateY(-8px) !important; \n box-shadow: 0 15px 40px rgba(0, 255, 127, 0.2) !important; \n }\n \n .ajx-v10-item img { \n width: 100% !important; \n height: auto !important; \n display: block !important; \n transition: transform 0.5s ease !important;\n }\n\n \/* Ảnh bên trong to lên 1 xíu khi hover tạo chiều sâu *\/\n .ajx-v10-item:hover img {\n transform: scale(1.03) !important;\n }\n\n \/* --- STYLE CHO TÍNH NĂNG PHÓNG TO (LIGHTBOX) --- *\/\n .ajx-lightbox {\n display: none; \/* Mặc định ẩn *\/\n position: fixed !important;\n z-index: 999999 !important;\n left: 0 !important; \n top: 0 !important;\n width: 100% !important; \n height: 100% !important;\n background-color: rgba(0, 0, 0, 0.9) !important;\n align-items: center !important; \n justify-content: center !important;\n cursor: zoom-out !important;\n backdrop-filter: blur(5px) !important; \/* Làm mờ nền phía sau *\/\n }\n \n .ajx-lightbox img {\n max-width: 90% !important; \n max-height: 90% !important;\n border-radius: 12px !important;\n box-shadow: 0 0 40px rgba(0, 255, 127, 0.15) !important;\n animation: ajxZoomIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n }\n \n .ajx-lightbox-close {\n position: absolute !important; \n top: 20px !important; \n right: 30px !important;\n color: #ffffff !important; \n font-size: 45px !important; \n font-weight: 300 !important;\n cursor: pointer !important;\n transition: color 0.2s ease !important;\n }\n\n .ajx-lightbox-close:hover {\n color: #00ff7f !important;\n }\n \n @keyframes ajxZoomIn { \n from { transform: scale(0.8); opacity: 0; } \n to { transform: scale(1); opacity: 1; } \n }\n\n \/* --- MOBILE RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .ajx-v10-wrapper { padding: 20px 15px !important; }\n .ajx-v10-title { margin-bottom: 25px !important; }\n .ajx-v10-gallery { gap: 20px !important; }\n .ajx-v10-item { border-radius: 15px !important; }\n .ajx-v10-item:hover, .ajx-v10-item:active { transform: translateY(-4px) !important; }\n .ajx-lightbox img { max-width: 95% !important; }\n .ajx-lightbox-close { top: 10px !important; right: 20px !important; font-size: 35px !important; }\n }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const lightbox = document.getElementById('ajx-lightbox');\n const lightboxImg = document.getElementById('ajx-lightbox-img');\n const items = document.querySelectorAll('.ajx-v10-item img');\n const closeBtn = document.querySelector('.ajx-lightbox-close');\n\n \/\/ Mở Lightbox khi click vào ảnh\n items.forEach(img =\u003e {\n img.addEventListener('click', (e) =\u003e {\n e.stopPropagation();\n lightboxImg.src = img.src; \/\/ Lấy link ảnh được click đưa vào lightbox\n lightbox.style.display = 'flex'; \/\/ Hiển thị lightbox\n document.body.style.overflow = 'hidden'; \/\/ Khóa cuộn trang\n });\n });\n\n \/\/ Đóng Lightbox\n const closeLightbox = () =\u003e {\n lightbox.style.display = 'none';\n document.body.style.overflow = 'auto'; \/\/ Mở lại cuộn trang\n lightboxImg.src = ''; \/\/ Xóa source ảnh để tránh chớp hình lần mở sau\n };\n\n \/\/ Đóng khi click vào nút X\n if(closeBtn) {\n closeBtn.addEventListener('click', closeLightbox);\n }\n\n \/\/ Đóng khi click ra ngoài vùng nền đen\n lightbox.addEventListener('click', (e) =\u003e {\n if (e.target === lightbox) {\n closeLightbox();\n }\n });\n });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v147-text-wrapper\"\u003e\n \n \u003ch2 class=\"ajx-v147-title\"\u003eHệ thống giám sát video đáp ứng các yêu cầu cao nhất\u003c\/h2\u003e\n \n \u003cdiv class=\"ajx-v147-content\"\u003e\n \u003cp\u003eCamera hành trình cao cấp HLVF mang đến mọi thứ mà khách hàng khó tính mong đợi. Nó cung cấp phạm vi phủ sóng có thể điều chỉnh để có được chi tiết rõ nét hơn hoặc tầm nhìn rộng hơn, đảm bảo đầy đủ bối cảnh mọi lúc. Được trang bị ống kính P-Iris, camera không bị mất chi tiết quan trọng do bóng hoặc ánh sáng chói.\u003c\/p\u003e\n \n \u003cp\u003eNgay cả trong điều kiện ánh sáng yếu, thiết bị vẫn hoạt động trơn tru, duy trì độ rõ nét và màu sắc khi cần thiết nhất. Trí tuệ nhân tạo (AI) được nâng cao của camera phân biệt giữa người, vật nuôi và phương tiện với độ chính xác vượt trội, thông báo cho người dùng ngay khi phát hiện bất cứ thứ gì. Và nhờ phần cứng tích hợp cho âm thanh hai chiều, Superior TurretCam HLVF cho phép phản hồi tức thì — không cần thêm thiết bị nào khác.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* --- CSS RESET --- *\/\n .ajx-v147-text-wrapper, .ajx-v147-text-wrapper * {\n font-family: inherit !important; \n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: normal !important;\n }\n\n \/* --- BỐ CỤC CHÍNH (Nền trong suốt) --- *\/\n .ajx-v147-text-wrapper {\n \/* Giới hạn 800px để đoạn văn không bị dàn trải quá dài trên màn hình lớn *\/\n max-width: 800px !important; \n margin: 0 auto !important;\n padding: 20px 15px !important;\n background: transparent !important; \n animation: ajxFadeInUpV147 0.8s ease-out forwards;\n }\n\n \/* --- TIÊU ĐỀ --- *\/\n .ajx-v147-title {\n color: #ffffff !important;\n font-size: clamp(24px, 2.5vw, 34px) !important; \n font-weight: 900 !important;\n text-align: center !important; \/* Tiêu đề vẫn căn giữa cho cân đối *\/\n text-transform: none !important;\n margin-bottom: 30px !important;\n border: none !important;\n line-height: 1.3 !important;\n }\n\n \/* --- KHUNG CHỨA ĐOẠN VĂN --- *\/\n .ajx-v147-content {\n display: flex !important;\n flex-direction: column !important;\n gap: 20px !important; \n }\n\n .ajx-v147-content p {\n color: #e0e0e0 !important;\n font-size: clamp(15px, 1.8vw, 17px) !important; \n line-height: 1.7 !important; \n \n \/* KỸ THUẬT PHẲNG LỀ: Ép chữ giãn đều 2 bên, triệt tiêu hoàn toàn sự trồi thụt *\/\n text-align: justify !important; \n \/* Đảm bảo dòng cuối cùng bám lề trái tự nhiên, không bị kéo giãn thưa thớt *\/\n text-align-last: left !important; \n }\n\n \/* Hiệu ứng trượt lên nhẹ nhàng *\/\n @keyframes ajxFadeInUpV147 {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* --- MOBILE RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .ajx-v147-text-wrapper {\n padding: 10px 15px !important;\n }\n \n .ajx-v147-title {\n margin-bottom: 20px !important;\n }\n \n .ajx-v147-content {\n gap: 15px !important;\n }\n\n \/* Trên điện thoại vẫn giữ form phẳng lề vuông vức *\/\n .ajx-v147-content p {\n text-align: justify !important;\n text-align-last: left !important;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v144-wrapper\"\u003e\n \n \u003ch2 class=\"ajx-v144-title\"\u003eĐược thiết kế để nổi bật\u003c\/h2\u003e\n\n \u003cdiv class=\"ajx-v144-gallery\"\u003e\n \n \u003cdiv class=\"ajx-v144-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/1_52f11805-0e62-4772-9d0f-6c1ecf494c15.png?v=1776911897\" alt=\"Feature 1\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v144-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/2_d08e216d-5893-4793-9980-ab91d4242a25.png?v=1776911897\" alt=\"Feature 2\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v144-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/3_81b40e33-f493-4857-b2e2-2081f2fec690.png?v=1776911897\" alt=\"Feature 3\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v144-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/4_04403130-48f0-4a56-95b1-d81893ad636c.png?v=1776911897\" alt=\"Feature 4\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v144-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/5_815b4f53-e37f-45dc-8898-ed59b4c4ceca.png?v=1776911897\" alt=\"Feature 5\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v144-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/6_112bba7e-5e9e-48a6-9aea-9171d1a5f619.png?v=1776911897\" alt=\"Feature 6\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"ajx-v144-lightbox\" class=\"ajx-v144-lightbox\"\u003e\n \u003cspan class=\"ajx-v144-lightbox-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"ajx-v144-lightbox-img\" src=\"\" alt=\"Zoomed Feature\"\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* --- CSS RESET --- *\/\n .ajx-v144-wrapper, .ajx-v144-wrapper * {\n font-family: inherit !important; \n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: normal !important;\n }\n\n \/* --- BỐ CỤC CHÍNH --- *\/\n .ajx-v144-wrapper {\n max-width: 1050px !important;\n margin: 0 auto !important;\n padding: 20px 15px !important;\n }\n\n \/* --- TIÊU ĐỀ --- *\/\n .ajx-v144-title {\n color: #ffffff !important;\n font-size: clamp(24px, 2.5vw, 34px) !important;\n font-weight: 900 !important;\n text-align: center !important;\n text-transform: none !important;\n margin-bottom: 40px !important;\n border: none !important;\n letter-spacing: 0.5px !important;\n }\n\n \/* --- LƯỚI DỌC --- *\/\n .ajx-v144-gallery {\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n gap: 25px !important; \n width: 100% !important;\n }\n\n \/* --- CARD HIỂN THỊ ẢNH --- *\/\n .ajx-v144-item {\n background-color: #222222 !important; \/* ĐÃ CHUYỂN SANG MÀU XÁM TỐI CHO KHỚP VỚI ẢNH BÊN TRONG *\/\n border: 2px solid rgba(0, 255, 127, 0.05) !important; \n border-radius: 20px !important;\n padding: 20px !important; \n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n cursor: zoom-in !important;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; \n box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;\n line-height: 0 !important;\n -webkit-tap-highlight-color: transparent !important;\n width: 100% !important;\n max-width: 950px !important; \n }\n\n \/* --- HIỆU ỨNG HOVER --- *\/\n .ajx-v144-item:hover, .ajx-v144-item:active {\n transform: translateY(-5px) !important; \n border-color: #00ff7f !important; \n box-shadow: 0 15px 40px rgba(0, 255, 127, 0.25) !important; \n }\n\n .ajx-v144-item img {\n width: 100% !important; \n height: auto !important;\n display: block !important;\n transition: transform 0.5s ease !important;\n }\n\n .ajx-v144-item:hover img {\n transform: scale(1.02) !important; \n }\n\n \/* --- LIGHTBOX --- *\/\n .ajx-v144-lightbox {\n display: none; \n position: fixed !important;\n z-index: 999999 !important;\n left: 0 !important; \n top: 0 !important;\n width: 100% !important; \n height: 100% !important;\n background-color: rgba(0, 0, 0, 0.9) !important;\n align-items: center !important; \n justify-content: center !important;\n cursor: zoom-out !important;\n backdrop-filter: blur(5px) !important;\n }\n \n .ajx-v144-lightbox img {\n max-width: 90% !important; \n max-height: 90% !important;\n border-radius: 12px !important;\n box-shadow: 0 0 40px rgba(0, 255, 127, 0.15) !important;\n animation: ajxZoomIn144 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n }\n \n .ajx-v144-lightbox-close {\n position: absolute !important; \n top: 20px !important; \n right: 30px !important;\n color: #ffffff !important; \n font-size: 45px !important; \n font-weight: 300 !important;\n cursor: pointer !important;\n transition: color 0.2s ease !important;\n }\n\n .ajx-v144-lightbox-close:hover {\n color: #00ff7f !important;\n }\n \n @keyframes ajxZoomIn144 { \n from { transform: scale(0.8); opacity: 0; } \n to { transform: scale(1); opacity: 1; } \n }\n\n \/* --- MOBILE RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .ajx-v144-wrapper { padding: 20px 15px !important; }\n .ajx-v144-title { margin-bottom: 25px !important; }\n .ajx-v144-gallery { gap: 15px !important; } \n .ajx-v144-item { padding: 10px !important; border-radius: 15px !important; }\n .ajx-v144-item:hover, .ajx-v144-item:active { transform: translateY(-3px) !important; }\n .ajx-v144-lightbox img { max-width: 95% !important; }\n .ajx-v144-lightbox-close { top: 10px !important; right: 20px !important; font-size: 35px !important; }\n }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const lightbox144 = document.getElementById('ajx-v144-lightbox');\n const lightboxImg144 = document.getElementById('ajx-v144-lightbox-img');\n const items144 = document.querySelectorAll('.ajx-v144-item img');\n const closeBtn144 = document.querySelector('.ajx-v144-lightbox-close');\n\n items144.forEach(img =\u003e {\n img.addEventListener('click', (e) =\u003e {\n e.stopPropagation();\n lightboxImg144.src = img.src; \n lightbox144.style.display = 'flex'; \n document.body.style.overflow = 'hidden'; \n });\n });\n\n const closeLightbox144 = () =\u003e {\n lightbox144.style.display = 'none';\n document.body.style.overflow = 'auto'; \n lightboxImg144.src = ''; \n };\n\n if(closeBtn144) {\n closeBtn144.addEventListener('click', closeLightbox144);\n }\n\n lightbox144.addEventListener('click', (e) =\u003e {\n if (e.target === lightbox144) {\n closeLightbox144();\n }\n });\n });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v146-cta-wrapper\"\u003e\n \n \u003cdiv class=\"ajx-v146-cta-overlay\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v146-cta-content\"\u003e\n \u003ch2 class=\"ajx-v146-title\"\u003eGiải pháp giám sát video Ajax\u003c\/h2\u003e\n \n \u003cp class=\"ajx-v146-desc\"\u003eHãy cùng chúng tôi khám phá toàn bộ danh mục thiết bị video Ajax và cách chúng kết nối khả năng phát hiện và phản hồi với tốc độ vượt trội, trong một hệ sinh thái tích hợp và tôn trọng quyền riêng tư của người dùng.\u003c\/p\u003e\n \n \u003ca href=\"https:\/\/ajax-systems.translate.goog\/solutions\/video-surveillance\/?_x_tr_sl=en\u0026amp;_x_tr_tl=vi\u0026amp;_x_tr_hl=vi\u0026amp;_x_tr_pto=wapp\u0026amp;google_abuse=GOOGLE_ABUSE_EXEMPTION%3DID%3Db009d5fd33d59681%3ATM%3D1776757631%3AC%3Dr%3AIP%3D14.187.133.140-%3AS%3DAOF_OPyOqggtBhVN26SWFoc%3B+path%3D%2F%3B+domain%3Dgoogle.com%3B+expires%3DTue%2C+21-Apr-2026+10%3A47%3A11+GMT\u0026amp;_x_tr_hist=true\" target=\"_blank\" class=\"ajx-v146-btn\"\u003e\n Khám phá ngay\n \u003c\/a\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* --- CSS RESET --- *\/\n .ajx-v146-cta-wrapper, .ajx-v146-cta-wrapper * {\n font-family: inherit !important; \n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: normal !important;\n }\n\n \/* --- BỐ CỤC CHÍNH VÀ ẢNH NỀN --- *\/\n .ajx-v146-cta-wrapper {\n position: relative !important;\n max-width: 1050px !important;\n margin: 0 auto !important;\n min-height: 450px !important; \n display: flex !important;\n align-items: center !important; \n justify-content: flex-start !important; \/* ĐỔI TỪ CĂN GIỮA SANG CĂN TRÁI *\/\n border-radius: 20px !important;\n overflow: hidden !important; \n box-shadow: 0 15px 40px rgba(0,0,0,0.5) !important;\n background-color: #111111 !important;\n \n background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/imageye___-__3.jpg?v=1776850245') !important;\n background-size: cover !important;\n background-position: center center !important; \n background-repeat: no-repeat !important;\n }\n\n \/* --- LỚP PHỦ SƯƠNG MÙ --- *\/\n .ajx-v146-cta-overlay {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n z-index: 1 !important;\n \/* Dùng gradient đổ đen từ trái qua phải để chữ lề trái nổi bật nhất *\/\n background: linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0.2) 100%) !important;\n }\n\n \/* --- KHUNG CHỨA NỘI DUNG (CĂN TRÁI) --- *\/\n .ajx-v146-cta-content {\n position: relative !important;\n z-index: 2 !important; \n padding: 50px 60px !important; \/* Tăng padding trái\/phải lên 60px cho sang trọng *\/\n width: 100% !important;\n max-width: 800px !important; \n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important; \/* Mọi phần tử bên trong bám lề trái *\/\n animation: ajxFadeInUpV146 0.8s ease-out forwards;\n }\n\n \/* --- TIÊU ĐỀ --- *\/\n .ajx-v146-title {\n color: #ffffff !important;\n font-size: clamp(28px, 3vw, 42px) !important; \/* Tăng nhẹ size chữ lên *\/\n font-weight: 900 !important;\n margin-bottom: 25px !important;\n text-transform: none !important;\n line-height: 1.3 !important; \n border: none !important;\n letter-spacing: 0.5px !important;\n text-align: left !important;\n }\n\n \/* --- ĐOẠN MÔ TẢ (GIÃN ĐỀU 2 BÊN) --- *\/\n .ajx-v146-desc {\n color: #e0e0e0 !important;\n font-size: clamp(15px, 1.8vw, 17px) !important;\n line-height: 1.7 !important;\n margin-bottom: 40px !important; \n text-align: justify !important; \/* KỸ THUẬT PHẲNG LỀ: Ép chữ giãn đều 2 bên *\/\n text-align-last: left !important; \/* Đảm bảo dòng cuối cùng không bị giãn thưa thớt *\/\n }\n\n \/* --- NÚT BẤM (BUTTON) --- *\/\n .ajx-v146-btn {\n display: inline-block !important;\n padding: 16px 40px !important;\n background-color: transparent !important;\n color: #ffffff !important;\n font-size: 16px !important;\n font-weight: bold !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n text-decoration: none !important;\n border: 2px solid #ffffff !important; \n border-radius: 50px !important; \n transition: all 0.3s ease !important;\n cursor: pointer !important;\n }\n\n \/* Hiệu ứng rê chuột vào nút *\/\n .ajx-v146-btn:hover {\n color: #000000 !important; \n background-color: #00ff7f !important; \n border-color: #00ff7f !important;\n transform: translateY(-5px) !important;\n box-shadow: 0 10px 25px rgba(0, 255, 127, 0.4) !important;\n }\n\n \/* Hiệu ứng trượt lên *\/\n @keyframes ajxFadeInUpV146 {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* --- MOBILE RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .ajx-v146-cta-wrapper {\n min-height: 400px !important; \n border-radius: 15px !important;\n justify-content: center !important; \/* Trở lại căn giữa trên Mobile cho dễ nhìn *\/\n }\n\n \/* Mờ đen toàn bộ màn hình Mobile để đảm bảo đọc chữ *\/\n .ajx-v146-cta-overlay {\n background: rgba(0, 0, 0, 0.75) !important; \n }\n\n .ajx-v146-cta-content {\n padding: 40px 20px !important; \n align-items: center !important; \/* Căn giữa lại nút bấm trên Mobile *\/\n }\n\n .ajx-v146-title {\n text-align: center !important;\n margin-bottom: 20px !important;\n }\n\n .ajx-v146-desc {\n text-align: center !important; \/* Mobile thì không dùng giãn đều, dùng căn giữa sẽ đẹp hơn *\/\n text-align-last: center !important;\n margin-bottom: 30px !important;\n }\n\n .ajx-v146-btn {\n padding: 14px 30px !important;\n font-size: 15px !important;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v150-comp-wrapper\"\u003e\n \n \u003cdiv class=\"ajx-v150-header\"\u003e\n \u003ch2 class=\"ajx-v150-main-title\"\u003eSo sánh các mẫu camera Ajax\u003c\/h2\u003e\n \u003cp class=\"ajx-v150-sub-title\"\u003eKhám phá những điểm khác biệt\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v150-table-container\"\u003e\n \u003ctable class=\"ajx-v150-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth class=\"col-sticky head-sticky\"\u003e\u003c\/th\u003e\n \n \u003cth\u003e\n \u003cspan class=\"ajx-v150-product-name\"\u003eSuperior TurretCam HLVF\u003c\/span\u003e\n \u003c\/th\u003e\n \n \u003cth\u003e\n \u003ca href=\"https:\/\/guard.vn\/products\/ajax-turretcam-hlvf-5mp-8mp\" target=\"_blank\" class=\"ajx-v150-product-link\"\u003eTurretCam HLVF\u003c\/a\u003e\n \u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \n \u003ctbody\u003e\n \u003ctr class=\"row-dark\"\u003e\n \u003ctd class=\"col-sticky\"\u003eThấu kính đa tiêu cự\u003c\/td\u003e\n \u003ctd\u003e\u003cspan class=\"ajx-v150-icon-check\"\u003e\u003c\/span\u003e\u003c\/td\u003e\n \u003ctd\u003e\u003cspan class=\"ajx-v150-icon-check\"\u003e\u003c\/span\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr class=\"row-black\"\u003e\n \u003ctd class=\"col-sticky\"\u003eTròng kính P-Iris\u003c\/td\u003e\n \u003ctd\u003e\u003cspan class=\"ajx-v150-icon-check\"\u003e\u003c\/span\u003e\u003c\/td\u003e\n \u003ctd class=\"cell-dash\"\u003e—\u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr class=\"row-dark\"\u003e\n \u003ctd class=\"col-sticky\"\u003eChiếu sáng kết hợp\u003c\/td\u003e\n \u003ctd\u003e\u003cspan class=\"ajx-v150-icon-check\"\u003e\u003c\/span\u003e\u003c\/td\u003e\n \u003ctd\u003e\u003cspan class=\"ajx-v150-icon-check\"\u003e\u003c\/span\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr class=\"row-black\"\u003e\n \u003ctd class=\"col-sticky\"\u003eNgõ vào\/ra báo động và âm thanh\u003c\/td\u003e\n \u003ctd\u003e\u003cspan class=\"ajx-v150-icon-check\"\u003e\u003c\/span\u003e\u003c\/td\u003e\n \u003ctd\u003e\u003cspan class=\"ajx-v150-icon-check\"\u003e\u003c\/span\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr class=\"row-dark\"\u003e\n \u003ctd class=\"col-sticky\"\u003eHộp đấu nối có loa tích hợp\u003c\/td\u003e\n \u003ctd\u003e\u003cspan class=\"ajx-v150-icon-check\"\u003e\u003c\/span\u003e\u003c\/td\u003e\n \u003ctd class=\"cell-dash\"\u003e—\u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr class=\"row-black\"\u003e\n \u003ctd class=\"col-sticky\"\u003eMicrô\u003c\/td\u003e\n \u003ctd class=\"cell-num\"\u003e2\u003c\/td\u003e\n \u003ctd class=\"cell-num\"\u003e1\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* --- CSS RESET --- *\/\n .ajx-v150-comp-wrapper, .ajx-v150-comp-wrapper * {\n font-family: inherit !important; \n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: normal !important;\n }\n\n \/* --- BỐ CỤC CHÍNH (NỀN TRONG SUỐT) --- *\/\n .ajx-v150-comp-wrapper {\n max-width: 1050px !important; \n margin: 0 auto !important;\n padding: 20px 15px !important;\n background: transparent !important; \n }\n\n \/* --- TIÊU ĐỀ CHÍNH \u0026 PHỤ --- *\/\n .ajx-v150-header {\n text-align: center !important;\n margin-bottom: 40px !important;\n }\n\n .ajx-v150-main-title {\n color: #ffffff !important;\n font-size: clamp(26px, 3vw, 36px) !important; \n font-weight: 900 !important;\n margin-bottom: 15px !important;\n }\n\n .ajx-v150-sub-title {\n color: #e0e0e0 !important;\n font-size: 18px !important;\n font-weight: bold !important;\n }\n\n \/* --- KHUNG CHỨA BẢNG ĐỂ CUỘN NGANG --- *\/\n .ajx-v150-table-container {\n width: 100% !important;\n overflow-x: auto !important; \n -webkit-overflow-scrolling: touch !important; \n border: 1px solid rgba(255,255,255,0.1) !important; \n border-radius: 8px !important; \n }\n\n \/* Tùy chỉnh thanh cuộn (Scrollbar) cho đẹp *\/\n .ajx-v150-table-container::-webkit-scrollbar {\n height: 8px !important;\n }\n .ajx-v150-table-container::-webkit-scrollbar-track {\n background: #111111 !important; \n border-radius: 0 0 8px 8px !important;\n }\n .ajx-v150-table-container::-webkit-scrollbar-thumb {\n background: #333333 !important; \n border-radius: 10px !important;\n }\n .ajx-v150-table-container::-webkit-scrollbar-thumb:hover {\n background: #00ff7f !important; \n }\n\n \/* --- CẤU TRÚC BẢNG --- *\/\n .ajx-v150-table {\n width: 100% !important;\n min-width: 700px !important; \n border-collapse: collapse !important;\n table-layout: fixed !important; \/* BẮT BUỘC ĐỂ ÉP TỶ LỆ CỘT *\/\n }\n\n \/* THIẾT LẬP CHIỀU RỘNG TỪNG CỘT *\/\n .ajx-v150-table .col-sticky {\n width: 30% !important; \/* Thu hẹp cột 1 lại còn 30% *\/\n }\n .ajx-v150-table th:not(.col-sticky) {\n width: 35% !important; \/* Trả 70% không gian còn lại đều cho 2 cột sản phẩm *\/\n }\n\n \/* Kẻ viền trong bảng *\/\n .ajx-v150-table th, .ajx-v150-table td {\n border: 1px solid rgba(255,255,255,0.08) !important;\n padding: 22px 15px !important;\n vertical-align: middle !important;\n }\n\n \/* --- XỬ LÝ MÀU NỀN TỪNG HÀNG (SỌC VẰN) --- *\/\n .ajx-v150-table thead th {\n background-color: #000000 !important;\n color: #ffffff !important;\n font-size: 16px !important;\n font-weight: bold !important;\n text-align: center !important;\n padding-top: 25px !important;\n padding-bottom: 25px !important;\n }\n\n .row-dark td { background-color: #111111 !important; }\n .row-black td { background-color: #000000 !important; }\n\n \/* --- KỸ THUẬT FREEZE CỘT 1 (ĐÓNG BĂNG) --- *\/\n .ajx-v150-table .col-sticky {\n position: sticky !important; \n left: 0 !important; \n z-index: 2 !important; \n color: #ffffff !important;\n font-size: 15px !important;\n font-weight: bold !important;\n text-align: left !important;\n padding-left: 25px !important;\n box-shadow: 4px 0 10px -4px rgba(0,0,0,0.8) !important;\n }\n\n .ajx-v150-table thead .head-sticky {\n z-index: 3 !important; \n }\n\n \/* --- ĐỊNH DẠNG DỮ LIỆU --- *\/\n .ajx-v150-product-name {\n color: #ffffff !important;\n }\n \n .ajx-v150-product-link {\n color: #ffffff !important;\n text-decoration: underline !important;\n text-underline-offset: 4px !important;\n transition: color 0.2s ease !important;\n }\n \n .ajx-v150-product-link:hover {\n color: #00ff7f !important;\n }\n\n .ajx-v150-table td:not(.col-sticky) {\n text-align: center !important;\n }\n\n .cell-dash {\n color: #666666 !important;\n font-weight: bold !important;\n }\n\n .cell-num {\n color: #ffffff !important;\n font-weight: bold !important;\n font-size: 18px !important;\n }\n\n \/* --- VẼ ICON CHECK XANH AJAX --- *\/\n .ajx-v150-icon-check {\n display: inline-flex !important;\n align-items: center !important;\n justify-content: center !important;\n width: 24px !important;\n height: 24px !important;\n background-color: #00ff7f !important; \n border-radius: 50% !important;\n }\n \n .ajx-v150-icon-check::after {\n content: '' !important;\n width: 5px !important;\n height: 10px !important;\n border: solid #000000 !important; \n border-width: 0 2px 2px 0 !important;\n transform: rotate(45deg) !important;\n margin-bottom: 2px !important; \n }\n\n \/* --- MOBILE RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .ajx-v150-comp-wrapper { padding: 15px 0 !important; } \n .ajx-v150-main-title { font-size: 22px !important; padding: 0 15px !important;}\n .ajx-v150-sub-title { font-size: 15px !important; margin-bottom: 25px !important; }\n \n .ajx-v150-table { min-width: 550px !important; } \n \n \/* Trên mobile, có thể nới rộng cột 1 ra một chút để chữ không bị rớt dòng quá nhiều *\/\n .ajx-v150-table .col-sticky { width: 40% !important; }\n .ajx-v150-table th:not(.col-sticky) { width: 30% !important; }\n\n .ajx-v150-table th, .ajx-v150-table td { padding: 15px 10px !important; font-size: 14px !important; }\n .ajx-v150-table .col-sticky { padding-left: 15px !important; font-size: 14px !important; }\n }\n\u003c\/style\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v152-video-wrapper\"\u003e\n \n \u003cdiv class=\"ajx-v152-text-box\"\u003e\n \u003ch2 class=\"ajx-v152-title\"\u003eSự kiện đặc biệt của Ajax: Dám trở thành người đầu tiên\u003c\/h2\u003e\n \n \u003cp class=\"ajx-v152-desc\"\u003eTìm hiểu về những cải tiến mới nhất trong lĩnh vực an toàn phòng cháy chữa cháy, giám sát video, chống đột nhập và cách kết hợp chúng vào một hệ thống tích hợp duy nhất.\u003c\/p\u003e\n \n \u003ca href=\"https:\/\/www.youtube.com\/watch?v=u8M6xP4v8zs\" target=\"_blank\" class=\"ajx-v152-yt-link\"\u003e\n Xem trên Youtube\n \u003csvg class=\"ajx-v152-yt-icon\" viewbox=\"0 0 24 24\" fill=\"#ff0000\"\u003e\u003cpath d=\"M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/a\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v152-iframe-box\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/u8M6xP4v8zs?si=Do1Fx9K7FJqN4Ymm\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* --- CSS RESET --- *\/\n .ajx-v152-video-wrapper, .ajx-v152-video-wrapper * {\n font-family: inherit !important; \n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: normal !important;\n }\n\n \/* --- BỐ CỤC CHÍNH --- *\/\n .ajx-v152-video-wrapper {\n max-width: 1050px !important;\n margin: 0 auto !important;\n padding: 20px 15px !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important; \/* Đẩy toàn bộ nội dung sang trái *\/\n animation: ajxFadeInUpV152 0.8s ease-out forwards;\n }\n\n \/* --- PHẦN VĂN BẢN --- *\/\n .ajx-v152-text-box {\n width: 100% !important;\n max-width: 900px !important; \/* Mở rộng giới hạn để chữ nằm ngang rộng hơn *\/\n margin-bottom: 30px !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important; \/* Chữ bám lề trái *\/\n }\n\n .ajx-v152-title {\n color: #ffffff !important;\n font-size: clamp(26px, 3vw, 36px) !important;\n font-weight: bold !important; \/* Bỏ in đậm 900 để giống ảnh hơn *\/\n margin-bottom: 20px !important;\n line-height: 1.3 !important;\n border: none !important;\n text-align: left !important;\n }\n\n .ajx-v152-desc {\n color: #ffffff !important; \/* Trong ảnh chữ mô tả có vẻ rất trắng\/sáng *\/\n font-size: clamp(15px, 1.8vw, 17px) !important;\n line-height: 1.7 !important;\n margin-bottom: 25px !important;\n text-align: justify !important; \/* Giãn đều 2 bên cho vuông vức *\/\n text-align-last: left !important;\n }\n\n \/* --- LINK YOUTUBE TỐI GIẢN --- *\/\n .ajx-v152-yt-link {\n display: inline-flex !important;\n align-items: center !important;\n gap: 8px !important;\n color: #ffffff !important;\n font-size: 16px !important;\n font-weight: bold !important;\n text-decoration: none !important;\n transition: opacity 0.2s ease !important;\n }\n\n .ajx-v152-yt-link:hover {\n opacity: 0.7 !important; \/* Làm mờ nhẹ khi hover *\/\n }\n\n .ajx-v152-yt-icon {\n width: 18px !important;\n height: 18px !important;\n }\n\n \/* --- KHUNG VIDEO RESPONSIVE --- *\/\n .ajx-v152-iframe-box {\n position: relative !important;\n width: 100% !important;\n \/* Mẹo CSS ép tỷ lệ 16:9 hoàn hảo *\/\n padding-bottom: 56.25% !important; \n height: 0 !important;\n border-radius: 15px !important; \/* Bo góc nhẹ nhàng hơn bản trước *\/\n overflow: hidden !important;\n background-color: #000000 !important;\n border: 1px solid rgba(255,255,255,0.05) !important;\n }\n\n .ajx-v152-iframe-box iframe {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n border: none !important;\n border-radius: 15px !important;\n }\n\n \/* Hiệu ứng trượt lên *\/\n @keyframes ajxFadeInUpV152 {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* --- MOBILE RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .ajx-v152-video-wrapper { padding: 10px 15px !important; }\n .ajx-v152-text-box { margin-bottom: 25px !important; }\n .ajx-v152-title { font-size: 22px !important; margin-bottom: 15px !important; }\n .ajx-v152-desc { margin-bottom: 20px !important; text-align: left !important;} \/* Mobile bỏ justify *\/\n .ajx-v152-iframe-box { border-radius: 10px !important; }\n .ajx-v152-iframe-box iframe { border-radius: 10px !important; }\n }\n\u003c\/style\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v155-wrapper\"\u003e\n \n \u003ch2 class=\"ajx-v155-main-title\"\u003eCác chi tiết quan trọng được lưu giữ trong từng khung hình.\u003c\/h2\u003e\n\n \u003cdiv class=\"ajx-v155-content-box\"\u003e\n \n \u003cdiv class=\"ajx-v155-badge-wrap\"\u003e\n \u003cspan class=\"ajx-v155-badge\"\u003eMỚI\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003ch3 class=\"ajx-v155-sub-title\"\u003eCảnh vật được lấy nét, bối cảnh được hiển thị rõ ràng.\u003c\/h3\u003e\n \n \u003cdiv class=\"ajx-v155-desc-group\"\u003e\n \u003cp class=\"ajx-v155-desc\"\u003eCamera hành trình cao cấp HLVF được thiết kế để ghi lại mọi sự kiện quan trọng trong khung hình, không để lại điểm mù hay chi tiết nào bị bỏ sót. Ống kính đa tiêu cự với chức năng tự động lấy nét cho phép phóng to khuôn mặt, biển báo hoặc biển số xe — hoặc thu nhỏ để bao quát toàn bộ khung cảnh.\u003c\/p\u003e\n \u003cp class=\"ajx-v155-desc\"\u003eMột thiết bị duy nhất mang lại phạm vi bao phủ tối ưu, cho dù đó là địa điểm tổ chức sự kiện đông người hay khu vực quầy thu ngân nhỏ gọn. Camera cũng có các tùy chọn độ phân giải 4 MP và 8 MP để phù hợp với mức độ chi tiết cần thiết.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v155-features-col\"\u003e\n \u003cdiv class=\"ajx-v155-feature-item\"\u003e\n \u003cspan class=\"ajx-v155-bullet\"\u003e\u003c\/span\u003e Tiêu cự có thể điều chỉnh từ 2,8–12 mm.\n \u003c\/div\u003e\n \u003cdiv class=\"ajx-v155-feature-item\"\u003e\n \u003cspan class=\"ajx-v155-bullet\"\u003e\u003c\/span\u003e Cân bằng độ phơi sáng với ống kính P-Iris.\n \u003c\/div\u003e\n \u003cdiv class=\"ajx-v155-feature-item\"\u003e\n \u003cspan class=\"ajx-v155-bullet\"\u003e\u003c\/span\u003e Tự động lấy nét theo thời gian thực cho hình ảnh sắc nét.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v155-media-section\"\u003e\n \n \u003cdiv class=\"ajx-v155-video-container\"\u003e\n \u003cvideo autoplay muted loop playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3ca8443e6ba84b01b8d897444cdc53d1.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v155-image-col\"\u003e\n \u003cdiv class=\"ajx-v155-image-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/4mp_life_style.avif?v=1776763850\" alt=\"4MP Resolution\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ajx-v155-image-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/8mp_life_style.avif?v=1776763850\" alt=\"8MP Resolution\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"ajx-v155-lightbox\" class=\"ajx-v155-lightbox\"\u003e\n \u003cspan class=\"ajx-v155-lightbox-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"ajx-v155-lightbox-img\" src=\"\" alt=\"Zoomed Quality\"\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* --- CSS RESET --- *\/\n .ajx-v155-wrapper, .ajx-v155-wrapper * {\n font-family: inherit !important; \n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: normal !important;\n }\n\n \/* --- BỐ CỤC CHÍNH --- *\/\n .ajx-v155-wrapper {\n max-width: 1050px !important;\n margin: 0 auto !important;\n padding: 20px 15px !important;\n animation: ajxFadeInUpV155 0.8s ease-out forwards;\n }\n\n \/* --- TIÊU ĐỀ CHÍNH --- *\/\n .ajx-v155-main-title {\n color: #ffffff !important;\n font-size: clamp(26px, 3.5vw, 42px) !important;\n font-weight: 900 !important;\n text-align: left !important;\n margin-bottom: 50px !important;\n line-height: 1.3 !important;\n }\n\n \/* --- KHỐI VĂN BẢN --- *\/\n .ajx-v155-content-box {\n max-width: 850px !important;\n margin: 0 0 50px 0 !important; \n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important; \n }\n\n \/* Huy hiệu MỚI *\/\n .ajx-v155-badge-wrap { margin-bottom: 15px !important; }\n \n .ajx-v155-badge {\n display: inline-block !important;\n color: #00ff7f !important;\n border: 1px solid #00ff7f !important;\n padding: 4px 12px !important;\n font-size: 13px !important;\n font-weight: bold !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n border-radius: 4px !important;\n }\n\n \/* Tiêu đề phụ *\/\n .ajx-v155-sub-title {\n color: #ffffff !important;\n font-size: clamp(20px, 2.5vw, 28px) !important;\n font-weight: bold !important;\n margin-bottom: 20px !important;\n line-height: 1.4 !important;\n text-align: left !important;\n }\n\n \/* --- NHÓM ĐOẠN MÔ TẢ ĐÃ CHIA --- *\/\n .ajx-v155-desc-group {\n display: flex !important;\n flex-direction: column !important;\n gap: 15px !important; \/* Khoảng cách giữa 2 đoạn văn *\/\n margin-bottom: 30px !important;\n }\n\n .ajx-v155-desc {\n color: #e0e0e0 !important;\n font-size: clamp(15px, 1.8vw, 17px) !important;\n line-height: 1.7 !important;\n margin: 0 !important; \/* Reset margin mặc định của thẻ P *\/\n text-align: justify !important; \n text-align-last: left !important;\n }\n\n \/* --- 3 TÍNH NĂNG ĐÃ CHUYỂN SANG XẾP DỌC --- *\/\n .ajx-v155-features-col {\n display: flex !important;\n flex-direction: column !important; \/* ĐỔI TỪ ROW SANG COLUMN *\/\n gap: 15px !important;\n width: 100% !important;\n background-color: #111111 !important; \n padding: 25px !important;\n border-radius: 15px !important;\n border: 1px solid rgba(255,255,255,0.05) !important;\n }\n\n .ajx-v155-feature-item {\n color: #ffffff !important;\n font-size: 15px !important;\n font-weight: bold !important;\n display: flex !important;\n align-items: flex-start !important;\n gap: 10px !important;\n line-height: 1.5 !important;\n }\n\n .ajx-v155-bullet {\n min-width: 8px !important;\n height: 8px !important;\n background-color: #00ff7f !important;\n border-radius: 50% !important;\n margin-top: 6px !important; \n }\n\n \/* --- KHU VỰC MEDIA --- *\/\n .ajx-v155-media-section {\n display: flex !important;\n flex-direction: column !important;\n gap: 30px !important;\n align-items: flex-start !important; \n }\n\n \/* Khung Video *\/\n .ajx-v155-video-container {\n width: 100% !important;\n max-width: 850px !important;\n border-radius: 20px !important;\n overflow: hidden !important;\n box-shadow: 0 15px 40px rgba(0,0,0,0.6) !important;\n border: 1px solid rgba(255,255,255,0.05) !important;\n line-height: 0 !important;\n }\n \n .ajx-v155-video-container video {\n width: 100% !important;\n height: auto !important;\n display: block !important;\n pointer-events: none !important; \n }\n\n \/* Khung 2 Ảnh so sánh (Xếp dọc) *\/\n .ajx-v155-image-col {\n display: flex !important;\n flex-direction: column !important; \n gap: 30px !important;\n width: 100% !important;\n max-width: 850px !important;\n }\n\n .ajx-v155-image-card {\n width: 100% !important;\n border-radius: 15px !important;\n overflow: hidden !important;\n cursor: zoom-in !important;\n box-shadow: 0 10px 30px rgba(0,0,0,0.4) !important;\n border: 1px solid rgba(255,255,255,0.05) !important;\n line-height: 0 !important;\n transition: transform 0.3s ease, border-color 0.3s ease !important;\n }\n\n .ajx-v155-image-card:hover {\n transform: translateY(-5px) !important;\n border-color: #00ff7f !important;\n }\n\n .ajx-v155-image-card img {\n width: 100% !important;\n height: auto !important;\n display: block !important;\n transition: transform 0.5s ease !important;\n }\n \n .ajx-v155-image-card:hover img {\n transform: scale(1.02) !important;\n }\n\n \/* --- LIGHTBOX PHÓNG TO ẢNH --- *\/\n .ajx-v155-lightbox {\n display: none; \n position: fixed !important;\n z-index: 999999 !important;\n left: 0 !important; \n top: 0 !important;\n width: 100% !important; \n height: 100% !important;\n background-color: rgba(0, 0, 0, 0.9) !important;\n align-items: center !important; \n justify-content: center !important;\n cursor: zoom-out !important;\n backdrop-filter: blur(5px) !important;\n }\n \n .ajx-v155-lightbox img {\n max-width: 90% !important; \n max-height: 90% !important;\n border-radius: 12px !important;\n box-shadow: 0 0 40px rgba(0, 255, 127, 0.15) !important;\n animation: ajxZoomIn155 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n }\n \n .ajx-v155-lightbox-close {\n position: absolute !important; \n top: 20px !important; \n right: 30px !important;\n color: #ffffff !important; \n font-size: 45px !important; \n font-weight: 300 !important;\n cursor: pointer !important;\n transition: color 0.2s ease !important;\n }\n\n .ajx-v155-lightbox-close:hover {\n color: #00ff7f !important;\n }\n\n @keyframes ajxZoomIn155 { \n from { transform: scale(0.8); opacity: 0; } \n to { transform: scale(1); opacity: 1; } \n }\n @keyframes ajxFadeInUpV155 {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* --- MOBILE RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .ajx-v155-wrapper { padding: 10px 15px !important; }\n .ajx-v155-main-title { margin-bottom: 30px !important; font-size: 24px !important; }\n .ajx-v155-content-box { margin-bottom: 30px !important; }\n \n .ajx-v155-desc { text-align: left !important; text-align-last: auto !important; }\n .ajx-v155-features-col { padding: 20px !important; }\n .ajx-v155-image-card:hover { transform: translateY(-3px) !important; }\n .ajx-v155-lightbox img { max-width: 95% !important; }\n .ajx-v155-lightbox-close { top: 10px !important; right: 20px !important; font-size: 35px !important; }\n }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const lightbox155 = document.getElementById('ajx-v155-lightbox');\n const lightboxImg155 = document.getElementById('ajx-v155-lightbox-img');\n const items155 = document.querySelectorAll('.ajx-v155-image-card img');\n const closeBtn155 = document.querySelector('.ajx-v155-lightbox-close');\n\n items155.forEach(img =\u003e {\n img.addEventListener('click', (e) =\u003e {\n e.stopPropagation();\n lightboxImg155.src = img.src; \n lightbox155.style.display = 'flex'; \n document.body.style.overflow = 'hidden'; \n });\n });\n\n const closeLightbox155 = () =\u003e {\n lightbox155.style.display = 'none';\n document.body.style.overflow = 'auto'; \n lightboxImg155.src = ''; \n };\n\n if(closeBtn155) {\n closeBtn155.addEventListener('click', closeLightbox155);\n }\n\n lightbox155.addEventListener('click', (e) =\u003e {\n if (e.target === lightbox155) {\n closeLightbox155();\n }\n });\n });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v157-wrapper\"\u003e\n \n \u003cdiv class=\"ajx-v157-content-box\"\u003e\n \u003ch2 class=\"ajx-v157-title\"\u003eChi tiết không bị ảnh hưởng bởi ánh sáng hay bóng tối.\u003c\/h2\u003e\n \n \u003cdiv class=\"ajx-v157-desc-group\"\u003e\n \u003cp class=\"ajx-v157-desc\"\u003eCamera hành trình HLVF cao cấp mang đến màu sắc sống động và chi tiết sắc nét cả ngày lẫn đêm. Ống kính P-Iris tự động điều chỉnh khẩu độ liên tục, cân bằng độ phơi sáng và độ sâu trường ảnh trong thời gian thực. Công nghệ WDR thực sự nâng cao kết quả bằng cách kết hợp các khung hình có độ phơi sáng khác nhau thành một hình ảnh được chiếu sáng đồng đều.\u003c\/p\u003e\n \u003cp class=\"ajx-v157-desc\"\u003eBất kể điều kiện ánh sáng nào, camera đều tạo ra những thước phim sắc nét, rõ ràng, không bị cháy sáng hay mờ tối. Về mặt lắp đặt, điều này có nghĩa là không cần phải thỏa hiệp về vị trí đặt – dù hướng về phía cửa sổ và lối vào, dưới đèn sáng hay ở những góc khuất.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v157-compare-col-layout\"\u003e\n \n \u003cdiv class=\"ajx-v157-compare-item\"\u003e\n \u003cdiv class=\"ajx-v157-video-box\"\u003e\n \u003cvideo autoplay muted loop playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/bd940b6760bc4998b22dd12281157f09.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"ajx-v157-video-label\"\u003eCamera cao cấp Ajax\u003c\/h4\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v157-compare-item\"\u003e\n \u003cdiv class=\"ajx-v157-video-box\"\u003e\n \u003cvideo autoplay muted loop playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/93ecb31ed53a4683939891157eaa5959.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \u003ch4 class=\"ajx-v157-video-label text-muted\"\u003eCamera của bên thứ ba\u003c\/h4\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* --- CSS RESET --- *\/\n .ajx-v157-wrapper, .ajx-v157-wrapper * {\n font-family: inherit !important; \n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: normal !important;\n }\n\n \/* --- BỐ CỤC CHÍNH --- *\/\n .ajx-v157-wrapper {\n max-width: 1050px !important;\n margin: 0 auto !important;\n padding: 20px 15px !important;\n animation: ajxFadeInUpV157 0.8s ease-out forwards;\n }\n\n \/* --- KHỐI VĂN BẢN --- *\/\n .ajx-v157-content-box {\n max-width: 850px !important; \/* Giới hạn độ rộng văn bản *\/\n margin: 0 0 50px 0 !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important; \n }\n\n .ajx-v157-title {\n color: #ffffff !important;\n font-size: clamp(26px, 3.5vw, 42px) !important;\n font-weight: 900 !important;\n text-align: left !important;\n margin-bottom: 25px !important;\n line-height: 1.3 !important;\n border: none !important;\n }\n\n .ajx-v157-desc-group {\n display: flex !important;\n flex-direction: column !important;\n gap: 15px !important;\n }\n\n .ajx-v157-desc {\n color: #e0e0e0 !important;\n font-size: clamp(15px, 1.8vw, 17px) !important;\n line-height: 1.7 !important;\n text-align: justify !important; \n text-align-last: left !important;\n }\n\n \/* --- KHU VỰC VIDEO SO SÁNH (XẾP DỌC) --- *\/\n .ajx-v157-compare-col-layout {\n display: flex !important;\n flex-direction: column !important; \/* Bắt buộc xếp dọc trên mọi thiết bị *\/\n gap: 50px !important; \/* Tăng khoảng cách giữa 2 video để rõ ràng hơn *\/\n width: 100% !important;\n align-items: flex-start !important; \/* Căn trái toàn bộ khối video *\/\n }\n\n .ajx-v157-compare-item {\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important; \/* Tiêu đề video căn lề trái theo mép video *\/\n width: 100% !important;\n max-width: 850px !important; \/* Cho phép video bung rộng bằng với đoạn văn bản ở trên *\/\n }\n\n \/* Khung bo góc chứa video *\/\n .ajx-v157-video-box {\n width: 100% !important;\n border-radius: 15px !important;\n overflow: hidden !important;\n box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;\n border: 1px solid rgba(255,255,255,0.05) !important;\n line-height: 0 !important;\n margin-bottom: 15px !important; \/* Khoảng cách từ video xuống chữ *\/\n transition: transform 0.3s ease, border-color 0.3s ease !important;\n }\n\n .ajx-v157-video-box:hover {\n transform: translateY(-5px) !important;\n border-color: rgba(255,255,255,0.2) !important;\n }\n\n .ajx-v157-video-box video {\n width: 100% !important;\n height: auto !important;\n display: block !important;\n pointer-events: none !important; \n }\n\n \/* Nhãn dưới video *\/\n .ajx-v157-video-label {\n color: #ffffff !important;\n font-size: 18px !important;\n font-weight: bold !important;\n text-align: left !important; \/* Đổi thành căn trái cho đồng bộ *\/\n margin: 0 !important;\n border: none !important;\n padding-left: 5px !important; \/* Thụt vào một chút xíu cho đẹp *\/\n }\n\n .ajx-v157-video-label.text-muted {\n color: #888888 !important; \n }\n\n \/* Hiệu ứng trượt lên *\/\n @keyframes ajxFadeInUpV157 {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* --- MOBILE RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .ajx-v157-wrapper { padding: 10px 15px !important; }\n .ajx-v157-content-box { margin-bottom: 30px !important; }\n .ajx-v157-title { margin-bottom: 20px !important; font-size: 24px !important; }\n .ajx-v157-desc { text-align: left !important; text-align-last: auto !important; }\n \n .ajx-v157-compare-col-layout { gap: 35px !important; }\n .ajx-v157-video-label { font-size: 16px !important; }\n }\n\u003c\/style\u003e \n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v158-wrapper\"\u003e\n \n \u003cdiv class=\"ajx-v158-content-box\"\u003e\n \n \u003ch2 class=\"ajx-v158-title\"\u003eNhìn thấy màu sắc sau khi trời tối\u003c\/h2\u003e\n \n \u003cdiv class=\"ajx-v158-desc-group\"\u003e\n \u003cp class=\"ajx-v158-desc\"\u003eNhờ công nghệ chiếu sáng lai, camera Superior TurretCam HLVF ghi hình màu ngay cả vào ban đêm. Khi phát hiện chuyển động hoặc vật thể, camera tự động chuyển từ ánh sáng hồng ngoại (IR) sang ánh sáng trắng để thu lại mọi chi tiết. Ánh sáng trắng lóe lên đột ngột cũng có tác dụng răn đe, ngăn chặn những kẻ đột nhập tiềm năng.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v158-features-col\"\u003e\n \u003cdiv class=\"ajx-v158-feature-item\"\u003e\n \u003cspan class=\"ajx-v158-bullet\"\u003e\u003c\/span\u003e Phạm vi chiếu sáng hồng ngoại: lên đến 60 m.\n \u003c\/div\u003e\n \u003cdiv class=\"ajx-v158-feature-item\"\u003e\n \u003cspan class=\"ajx-v158-bullet\"\u003e\u003c\/span\u003e Phạm vi chiếu sáng ánh sáng trắng: lên đến 40 m.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v158-media-section\"\u003e\n \u003cdiv class=\"ajx-v158-video-box\"\u003e\n \u003cvideo autoplay muted loop playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e9b79db4a7ec4940874232c6aa4a96cd.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* --- CSS RESET --- *\/\n .ajx-v158-wrapper, .ajx-v158-wrapper * {\n font-family: inherit !important; \n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: normal !important;\n }\n\n \/* --- BỐ CỤC CHÍNH --- *\/\n .ajx-v158-wrapper {\n max-width: 1050px !important;\n margin: 0 auto !important;\n padding: 20px 15px !important;\n animation: ajxFadeInUpV158 0.8s ease-out forwards;\n }\n\n \/* --- KHỐI VĂN BẢN --- *\/\n .ajx-v158-content-box {\n max-width: 850px !important; \/* Giới hạn độ rộng văn bản *\/\n margin: 0 0 40px 0 !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important; \/* Bám lề trái *\/\n }\n\n .ajx-v158-title {\n color: #ffffff !important;\n font-size: clamp(26px, 3.5vw, 42px) !important;\n font-weight: 900 !important;\n text-align: left !important;\n margin-bottom: 25px !important;\n line-height: 1.3 !important;\n border: none !important;\n }\n\n .ajx-v158-desc-group {\n display: flex !important;\n flex-direction: column !important;\n gap: 15px !important;\n margin-bottom: 30px !important;\n }\n\n .ajx-v158-desc {\n color: #e0e0e0 !important;\n font-size: clamp(15px, 1.8vw, 17px) !important;\n line-height: 1.7 !important;\n margin: 0 !important; \n text-align: justify !important; \/* Vuông vức lề 2 bên *\/\n text-align-last: left !important;\n }\n\n \/* --- DANH SÁCH THÔNG SỐ (XẾP DỌC) --- *\/\n .ajx-v158-features-col {\n display: flex !important;\n flex-direction: column !important;\n gap: 15px !important;\n width: 100% !important;\n background-color: #111111 !important; \n padding: 25px !important;\n border-radius: 15px !important;\n border: 1px solid rgba(255,255,255,0.05) !important;\n }\n\n .ajx-v158-feature-item {\n color: #ffffff !important;\n font-size: 15px !important;\n font-weight: bold !important;\n display: flex !important;\n align-items: flex-start !important;\n gap: 10px !important;\n line-height: 1.5 !important;\n }\n\n .ajx-v158-bullet {\n min-width: 8px !important;\n height: 8px !important;\n background-color: #00ff7f !important;\n border-radius: 50% !important;\n margin-top: 6px !important; \n }\n\n \/* --- KHU VỰC VIDEO --- *\/\n .ajx-v158-media-section {\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important; \/* Đẩy video sát lề trái *\/\n }\n\n .ajx-v158-video-box {\n width: 100% !important;\n max-width: 850px !important; \/* Bung rộng video bằng với đoạn text *\/\n border-radius: 20px !important;\n overflow: hidden !important;\n box-shadow: 0 15px 40px rgba(0,0,0,0.6) !important;\n border: 1px solid rgba(255,255,255,0.05) !important;\n line-height: 0 !important;\n }\n\n .ajx-v158-video-box video {\n width: 100% !important;\n height: auto !important;\n display: block !important;\n pointer-events: none !important; \/* Không cho người dùng bấm dừng để nó chạy như ảnh GIF động *\/\n }\n\n \/* Hiệu ứng trượt lên *\/\n @keyframes ajxFadeInUpV158 {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* --- MOBILE RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .ajx-v158-wrapper { padding: 10px 15px !important; }\n .ajx-v158-content-box { margin-bottom: 30px !important; }\n .ajx-v158-title { margin-bottom: 20px !important; font-size: 24px !important; }\n .ajx-v158-desc { text-align: left !important; text-align-last: auto !important; }\n .ajx-v158-features-col { padding: 20px !important; }\n }\n\u003c\/style\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v161-wrapper\"\u003e\n \n \u003cdiv class=\"ajx-v161-content-box\"\u003e\n \n \u003ch2 class=\"ajx-v161-title\"\u003eXem những nội dung thiết yếu với sức mạnh của trí tuệ nhân tạo nâng cao.\u003c\/h2\u003e\n \n \u003cdiv class=\"ajx-v161-desc-group\"\u003e\n \u003cp class=\"ajx-v161-desc\"\u003eCamera hành trình HLVF cao cấp giúp tiết kiệm thời gian và dung lượng lưu trữ nhờ công nghệ AI tích hợp được nâng cấp. Với phần cứng mạnh mẽ hơn gấp bốn lần, camera nhận diện người, thú cưng và phương tiện với độ chính xác cao hơn bất kỳ camera dòng Baseline nào.\u003c\/p\u003e\n \n \u003cp class=\"ajx-v161-desc\"\u003eThiết bị cũng có thể kích hoạt ghi hình và thông báo chỉ khi phát hiện chuyển động hoặc các loại đối tượng được chọn. Và các cài đặt AI linh hoạt giúp người dùng tập trung vào những điều quan trọng nhất và tiết kiệm không gian lưu trữ.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v161-media-section\"\u003e\n \n \u003cdiv class=\"ajx-v161-media-card ajx-v161-image-box\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download-_33__1.png?v=1774514137\" alt=\"Công nghệ AI Ajax\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v161-media-card ajx-v161-video-box\"\u003e\n \u003cvideo autoplay muted loop playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e46292f9451941e1b5814ac17c8b45cc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"ajx-v161-lightbox\" class=\"ajx-v161-lightbox\"\u003e\n \u003cspan class=\"ajx-v161-lightbox-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"ajx-v161-lightbox-img\" src=\"\" alt=\"Zoomed UI\"\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* --- CSS RESET --- *\/\n .ajx-v161-wrapper, .ajx-v161-wrapper * {\n font-family: inherit !important; \n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: normal !important;\n }\n\n \/* --- BỐ CỤC CHÍNH --- *\/\n .ajx-v161-wrapper {\n max-width: 1050px !important;\n margin: 0 auto !important;\n padding: 20px 15px !important;\n animation: ajxFadeInUpV161 0.8s ease-out forwards;\n }\n\n \/* --- KHỐI VĂN BẢN --- *\/\n .ajx-v161-content-box {\n max-width: 850px !important; \/* Giới hạn độ rộng bằng với ảnh\/video *\/\n margin: 0 0 40px 0 !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important; \n }\n\n .ajx-v161-title {\n color: #ffffff !important;\n font-size: clamp(26px, 3.5vw, 42px) !important;\n font-weight: 900 !important;\n text-align: left !important;\n margin-bottom: 25px !important;\n line-height: 1.3 !important;\n border: none !important;\n }\n\n .ajx-v161-desc-group {\n display: flex !important;\n flex-direction: column !important;\n gap: 15px !important;\n }\n\n .ajx-v161-desc {\n color: #e0e0e0 !important;\n font-size: clamp(15px, 1.8vw, 17px) !important;\n line-height: 1.7 !important;\n margin: 0 !important; \n text-align: justify !important; \n text-align-last: left !important;\n }\n\n \/* --- KHU VỰC MEDIA --- *\/\n .ajx-v161-media-section {\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important; \/* Đẩy sát lề trái *\/\n gap: 30px !important; \/* Khoảng cách giữa Ảnh và Video *\/\n width: 100% !important;\n max-width: 850px !important;\n }\n\n \/* Khung dùng chung cho cả Ảnh và Video *\/\n .ajx-v161-media-card {\n width: 100% !important;\n border-radius: 20px !important;\n overflow: hidden !important;\n box-shadow: 0 15px 40px rgba(0,0,0,0.6) !important;\n border: 1px solid rgba(255,255,255,0.05) !important;\n line-height: 0 !important;\n background-color: #111111 !important; \n transition: transform 0.4s ease, border-color 0.4s ease !important;\n }\n\n .ajx-v161-media-card:hover {\n transform: translateY(-5px) !important;\n border-color: #00ff7f !important; \/* Viền sáng xanh Ajax khi hover *\/\n }\n\n \/* Riêng cho Ảnh (Có zoom) *\/\n .ajx-v161-image-box {\n cursor: zoom-in !important;\n }\n \n .ajx-v161-image-box img {\n width: 100% !important;\n height: auto !important;\n display: block !important;\n transition: transform 0.5s ease !important;\n }\n \n .ajx-v161-image-box:hover img {\n transform: scale(1.02) !important; \/* Ảnh nảy lên hơi lồi ra 1 chút *\/\n }\n\n \/* Riêng cho Video *\/\n .ajx-v161-video-box video {\n width: 100% !important;\n height: auto !important;\n display: block !important;\n pointer-events: none !important; \/* Chặn click dừng video *\/\n }\n\n \/* --- LIGHTBOX PHÓNG TO ẢNH --- *\/\n .ajx-v161-lightbox {\n display: none; \n position: fixed !important;\n z-index: 999999 !important;\n left: 0 !important; \n top: 0 !important;\n width: 100% !important; \n height: 100% !important;\n background-color: rgba(0, 0, 0, 0.9) !important;\n align-items: center !important; \n justify-content: center !important;\n cursor: zoom-out !important;\n backdrop-filter: blur(5px) !important;\n }\n \n .ajx-v161-lightbox img {\n max-width: 90% !important; \n max-height: 90% !important;\n border-radius: 12px !important;\n box-shadow: 0 0 40px rgba(0, 255, 127, 0.15) !important;\n animation: ajxZoomIn161 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n }\n \n .ajx-v161-lightbox-close {\n position: absolute !important; \n top: 20px !important; \n right: 30px !important;\n color: #ffffff !important; \n font-size: 45px !important; \n font-weight: 300 !important;\n cursor: pointer !important;\n transition: color 0.2s ease !important;\n }\n\n .ajx-v161-lightbox-close:hover {\n color: #00ff7f !important;\n }\n\n @keyframes ajxZoomIn161 { \n from { transform: scale(0.8); opacity: 0; } \n to { transform: scale(1); opacity: 1; } \n }\n @keyframes ajxFadeInUpV161 {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* --- MOBILE RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .ajx-v161-wrapper { padding: 10px 15px !important; }\n .ajx-v161-content-box { margin-bottom: 30px !important; }\n .ajx-v161-title { margin-bottom: 20px !important; font-size: 24px !important; }\n .ajx-v161-desc { text-align: left !important; text-align-last: auto !important; }\n \n .ajx-v161-media-section { gap: 20px !important; }\n .ajx-v161-media-card:hover { transform: translateY(-3px) !important; }\n .ajx-v161-lightbox img { max-width: 95% !important; }\n .ajx-v161-lightbox-close { top: 10px !important; right: 20px !important; font-size: 35px !important; }\n }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const lightbox161 = document.getElementById('ajx-v161-lightbox');\n const lightboxImg161 = document.getElementById('ajx-v161-lightbox-img');\n const items161 = document.querySelectorAll('.ajx-v161-image-box img');\n const closeBtn161 = document.querySelector('.ajx-v161-lightbox-close');\n\n items161.forEach(img =\u003e {\n img.addEventListener('click', (e) =\u003e {\n e.stopPropagation();\n lightboxImg161.src = img.src; \n lightbox161.style.display = 'flex'; \n document.body.style.overflow = 'hidden'; \n });\n });\n\n const closeLightbox161 = () =\u003e {\n lightbox161.style.display = 'none';\n document.body.style.overflow = 'auto'; \n lightboxImg161.src = ''; \n };\n\n if(closeBtn161) {\n closeBtn161.addEventListener('click', closeLightbox161);\n }\n\n lightbox161.addEventListener('click', (e) =\u003e {\n if (e.target === lightbox161) {\n closeLightbox161();\n }\n });\n });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v168-wrapper\" data-ajax-instance\u003e\n \n \u003cdiv class=\"ajx-v168-content-box\"\u003e\n \u003ch2 class=\"ajx-v168-title\"\u003eĐiều hướng kho lưu trữ mượt mà\u003c\/h2\u003e\n \u003cdiv class=\"ajx-v168-desc-group\"\u003e\n \u003cp class=\"ajx-v168-desc\"\u003eỨng dụng Ajax giúp tìm kiếm các sự kiện đã ghi lại nhanh hơn bao giờ hết. Nhờ công nghệ JetSparrow độc quyền của chúng tôi, hệ thống phản hồi tức thì, cho phép phát lại mượt mà và điều hướng dễ dàng trên dòng thời gian của sự kiện.\u003c\/p\u003e\n \u003cp class=\"ajx-v168-desc\"\u003eNgười dùng có thể chạm vào bất kỳ sự kiện nào để chuyển thẳng đến đoạn phim liên quan, lọc bản ghi theo ngày hoặc loại đối tượng và xuất các đoạn phim chỉ trong vài giây — tất cả đều nằm trong một giao diện trực quan duy nhất.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v168-nav-col\"\u003e\n \n \u003cdiv class=\"ajx-v168-tab-btn active\" data-tab-target=\"1\"\u003e\n \u003ch3\u003eLọc theo chuyển động, nhận dạng đối tượng bằng AI hoặc kịch bản.\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ajx-v168-tab-btn\" data-tab-target=\"2\"\u003e\n \u003ch3\u003eChế độ xem lịch\u003c\/h3\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ajx-v168-tab-btn\" data-tab-target=\"3\"\u003e\n \u003ch3\u003eTùy chọn xuất nhanh\u003c\/h3\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v168-media-display\"\u003e\n \n \u003cdiv class=\"ajx-v168-media-item active\" data-tab-content=\"1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_5e0d2c1b-0183-489a-9bfa-67c59177399b.avif?v=1776765565\" alt=\"Lọc thông minh\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ajx-v168-media-item\" data-tab-content=\"2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_1_23a1ad6b-7576-4d61-8c3d-abd0cb8a04dc.avif?v=1776765565\" alt=\"Chế độ xem lịch\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ajx-v168-media-item\" data-tab-content=\"3\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_2_35a06607-2473-419d-ab67-b09fa6fca62e.avif?v=1776765565\" alt=\"Xuất nhanh\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"ajx-v168-lightbox\" class=\"ajx-v168-lightbox\"\u003e\n \u003cspan class=\"ajx-v168-lightbox-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"ajx-v168-lightbox-img\" src=\"\" alt=\"Zoomed UI\"\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* --- CSS RESET --- *\/\n .ajx-v168-wrapper, .ajx-v168-wrapper * {\n font-family: inherit !important; \n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: normal !important;\n }\n\n \/* --- BỐ CỤC CHÍNH --- *\/\n .ajx-v168-wrapper {\n max-width: 1050px !important;\n margin: 0 auto !important;\n padding: 20px 15px !important;\n animation: ajxFadeInUpV168 0.8s ease-out forwards;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important; \/* Căn giữa toàn bộ khối tổng *\/\n }\n\n \/* --- KHỐI VĂN BẢN --- *\/\n .ajx-v168-content-box {\n max-width: 850px !important;\n margin: 0 0 50px 0 !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important; \n }\n\n .ajx-v168-title {\n color: #ffffff !important;\n font-size: clamp(26px, 3.5vw, 42px) !important;\n font-weight: 900 !important;\n text-align: left !important;\n margin-bottom: 25px !important;\n line-height: 1.3 !important;\n border: none !important;\n }\n\n .ajx-v168-desc-group {\n display: flex !important;\n flex-direction: column !important;\n gap: 15px !important;\n }\n\n .ajx-v168-desc {\n color: #e0e0e0 !important;\n font-size: clamp(15px, 1.8vw, 17px) !important;\n line-height: 1.7 !important;\n margin: 0 !important; \n text-align: justify !important; \n text-align-last: left !important;\n }\n\n \/* --- KHU VỰC DANH SÁCH TABS DỌC (GIỐNG ẢNH 2) --- *\/\n .ajx-v168-nav-col {\n display: flex !important;\n flex-direction: column !important;\n gap: 25px !important;\n width: 100% !important;\n max-width: 850px !important; \/* Căn bằng với độ rộng chữ *\/\n margin-bottom: 50px !important; \/* Khoảng cách xuống bức ảnh bự *\/\n }\n\n .ajx-v168-tab-btn {\n border-left: 3px solid rgba(255,255,255,0.1) !important; \/* Vạch bên trái mờ khi chưa active *\/\n padding: 10px 0 10px 25px !important;\n cursor: pointer !important;\n opacity: 0.4 !important; \/* Chữ xám tối khi chưa active *\/\n transition: all 0.3s ease !important;\n -webkit-tap-highlight-color: transparent !important;\n }\n\n .ajx-v168-tab-btn:hover {\n opacity: 0.8 !important;\n transform: translateX(5px) !important;\n }\n\n \/* Trạng thái Active: Vạch sáng xanh, chữ đẩy qua phải 1 chút *\/\n .ajx-v168-tab-btn.active {\n border-left-color: #00ff7f !important; \/* Vạch xanh Ajax sáng lên *\/\n opacity: 1 !important;\n transform: translateX(10px) !important;\n }\n\n .ajx-v168-tab-btn h3 {\n color: #ffffff !important;\n font-size: clamp(18px, 2vw, 24px) !important; \/* Chữ to, rõ ràng như list *\/\n font-weight: bold !important;\n line-height: 1.4 !important;\n margin: 0 !important;\n transition: color 0.3s ease !important;\n text-align: left !important;\n }\n\n .ajx-v168-tab-btn.active h3 {\n color: #00ff7f !important; \/* Đổi màu chữ xanh khi active *\/\n }\n\n \/* --- KHU VỰC ẢNH ĐIỆN THOẠI BÊN DƯỚI CÙNG --- *\/\n .ajx-v168-media-display { \n width: 100% !important; \n display: flex !important; \n justify-content: center !important; \/* Luôn căn giữa ảnh bự ở dưới *\/\n }\n \n .ajx-v168-media-item { \n display: none !important; \n width: 100% !important; \n max-width: 800px !important; \/* Ảnh bự hoành tráng *\/\n animation: ajxFadeInScale168 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important; \n }\n \n .ajx-v168-media-item.active { \n display: block !important; \n }\n \n .ajx-v168-media-item img { \n width: 100% !important; \n height: auto !important; \n border-radius: 25px !important; \n border: 1px solid rgba(255,255,255,0.05) !important; \n box-shadow: 0 20px 60px rgba(0,0,0,0.6) !important; \n cursor: zoom-in !important;\n transition: transform 0.4s ease !important;\n background-color: #111111 !important; \/* Nền tối đề phòng ảnh PNG *\/\n }\n\n .ajx-v168-media-item img:hover {\n transform: scale(1.02) !important;\n }\n\n \/* --- LIGHTBOX (PHÓNG TO) --- *\/\n .ajx-v168-lightbox {\n display: none; \n position: fixed !important;\n z-index: 999999 !important;\n left: 0 !important; \n top: 0 !important;\n width: 100% !important; \n height: 100% !important;\n background-color: rgba(0, 0, 0, 0.9) !important;\n align-items: center !important; \n justify-content: center !important;\n cursor: zoom-out !important;\n backdrop-filter: blur(5px) !important;\n }\n \n .ajx-v168-lightbox img {\n max-width: 90% !important; \n max-height: 90% !important;\n border-radius: 12px !important;\n box-shadow: 0 0 40px rgba(0, 255, 127, 0.15) !important;\n animation: ajxZoomIn168 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n }\n \n .ajx-v168-lightbox-close {\n position: absolute !important; \n top: 20px !important; \n right: 30px !important;\n color: #ffffff !important; \n font-size: 45px !important; \n font-weight: 300 !important;\n cursor: pointer !important;\n transition: color 0.2s ease !important;\n }\n .ajx-v168-lightbox-close:hover { color: #00ff7f !important; }\n\n \/* Animations *\/\n @keyframes ajxFadeInScale168 { \n from { opacity: 0; transform: translateY(20px) scale(0.95); } \n to { opacity: 1; transform: translateY(0) scale(1); } \n }\n @keyframes ajxZoomIn168 { \n from { transform: scale(0.8); opacity: 0; } \n to { transform: scale(1); opacity: 1; } \n }\n @keyframes ajxFadeInUpV168 {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* --- MOBILE RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .ajx-v168-wrapper { padding: 10px 15px !important; }\n .ajx-v168-content-box { margin-bottom: 30px !important; }\n \n \/* Trên Mobile vẫn giữ nguyên list dọc, chỉ thu nhỏ chữ lại *\/\n .ajx-v168-nav-col {\n gap: 15px !important;\n margin-bottom: 30px !important;\n }\n\n .ajx-v168-tab-btn {\n padding: 10px 0 10px 15px !important;\n }\n \n .ajx-v168-tab-btn h3 {\n font-size: 16px !important;\n }\n \n .ajx-v168-tab-btn:hover { transform: translateX(3px) !important; }\n .ajx-v168-tab-btn.active { transform: translateX(8px) !important; }\n \n .ajx-v168-media-item img { border-radius: 15px !important; }\n }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n (function() {\n const initV168Tabs = () =\u003e {\n document.querySelectorAll('.ajx-v168-wrapper[data-ajax-instance]:not([data-ready])').forEach(container =\u003e {\n const btns = container.querySelectorAll('.ajx-v168-tab-btn');\n const contents = container.querySelectorAll('.ajx-v168-media-item');\n\n \/\/ Logic chuyển Tab\n btns.forEach(btn =\u003e {\n btn.addEventListener('click', function() {\n const target = this.getAttribute('data-tab-target');\n\n btns.forEach(b =\u003e b.classList.remove('active'));\n contents.forEach(c =\u003e c.classList.remove('active'));\n\n this.classList.add('active');\n const targetContent = container.querySelector(`.ajx-v168-media-item[data-tab-content=\"${target}\"]`);\n if (targetContent) targetContent.classList.add('active');\n });\n });\n\n \/\/ Logic Lightbox (Phóng to ảnh)\n const lightbox = container.querySelector('.ajx-v168-lightbox');\n const lightboxImg = container.querySelector('#ajx-v168-lightbox-img');\n const images = container.querySelectorAll('.ajx-v168-media-item img');\n const closeBtn = container.querySelector('.ajx-v168-lightbox-close');\n\n if(lightbox \u0026\u0026 lightboxImg) {\n images.forEach(img =\u003e {\n img.addEventListener('click', (e) =\u003e {\n e.stopPropagation();\n lightboxImg.src = img.src; \n lightbox.style.display = 'flex'; \n document.body.style.overflow = 'hidden'; \n });\n });\n\n const closeLightbox = () =\u003e {\n lightbox.style.display = 'none';\n document.body.style.overflow = 'auto'; \n lightboxImg.src = ''; \n };\n\n if(closeBtn) closeBtn.addEventListener('click', closeLightbox);\n lightbox.addEventListener('click', (e) =\u003e {\n if (e.target === lightbox) closeLightbox();\n });\n }\n\n container.setAttribute('data-ready', 'true');\n });\n };\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initV168Tabs);\n } else {\n initV168Tabs();\n }\n })();\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v170-wrapper\"\u003e\n \n \u003cdiv class=\"ajx-v170-content-box\"\u003e\n \u003ch2 class=\"ajx-v170-title\"\u003eTích hợp hệ thống an ninh để phối hợp ứng phó.\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v170-gallery\"\u003e\n \n \u003cdiv class=\"ajx-v170-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/1_f8f4aa7b-8e88-4b57-8c53-cccdc8209cc5.png?v=1776928207\" alt=\"Tính năng 1\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v170-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/2_1cf278fd-9797-413a-8aa7-1522bf144e90.png?v=1776928207\" alt=\"Tính năng 2\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v170-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/3_80ff04fa-45ea-44d8-90ee-2bc8b496df1a.png?v=1776928208\" alt=\"Tính năng 3\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v170-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/4_9ad46eef-768b-426a-b4f8-fce7bfbda4a4.png?v=1776928208\" alt=\"Tính năng 4\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"ajx-v170-lightbox\" class=\"ajx-v170-lightbox\"\u003e\n \u003cspan class=\"ajx-v170-lightbox-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"ajx-v170-lightbox-img\" src=\"\" alt=\"Zoomed Feature\"\u003e\n\u003c\/div\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* --- CSS RESET --- *\/\n .ajx-v170-wrapper, .ajx-v170-wrapper * {\n font-family: inherit !important; \n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: normal !important;\n }\n\n \/* --- BỐ CỤC CHÍNH --- *\/\n .ajx-v170-wrapper {\n max-width: 1050px !important;\n margin: 0 auto !important;\n padding: 20px 15px !important;\n animation: ajxFadeInUpV170 0.8s ease-out forwards;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important; \/* Căn giữa để list ảnh nằm giữa màn hình *\/\n }\n\n \/* --- KHỐI VĂN BẢN (CĂN TRÁI THEO KHUNG CHUẨN) --- *\/\n .ajx-v170-content-box {\n width: 100% !important;\n max-width: 850px !important; \/* Giữ chuẩn độ rộng chữ với các khối trên *\/\n margin: 0 0 40px 0 !important;\n }\n\n .ajx-v170-title {\n color: #ffffff !important;\n font-size: clamp(26px, 3.5vw, 42px) !important;\n font-weight: 900 !important;\n text-align: left !important;\n margin: 0 !important;\n line-height: 1.3 !important;\n border: none !important;\n }\n\n \/* --- DANH SÁCH ẢNH XẾP DỌC (KẾ THỪA V144) --- *\/\n .ajx-v170-gallery {\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n gap: 25px !important; \n width: 100% !important;\n }\n\n \/* --- THẺ HIỂN THỊ ẢNH --- *\/\n .ajx-v170-item {\n background-color: #222222 !important; \/* Màu xám tối *\/\n border: 2px solid rgba(0, 255, 127, 0.05) !important; \n border-radius: 20px !important;\n padding: 20px !important; \n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n cursor: zoom-in !important;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; \n box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;\n line-height: 0 !important;\n -webkit-tap-highlight-color: transparent !important;\n width: 100% !important;\n max-width: 850px !important; \/* Cho bằng với độ rộng chữ *\/\n }\n\n \/* --- HIỆU ỨNG HOVER --- *\/\n .ajx-v170-item:hover, .ajx-v170-item:active {\n transform: translateY(-5px) !important; \n border-color: #00ff7f !important; \n box-shadow: 0 15px 40px rgba(0, 255, 127, 0.25) !important; \n }\n\n .ajx-v170-item img {\n width: 100% !important; \n height: auto !important;\n display: block !important;\n transition: transform 0.5s ease !important;\n }\n\n .ajx-v170-item:hover img {\n transform: scale(1.02) !important; \n }\n\n \/* --- LIGHTBOX (PHÓNG TO ẢNH) --- *\/\n .ajx-v170-lightbox {\n display: none; \n position: fixed !important;\n z-index: 999999 !important;\n left: 0 !important; \n top: 0 !important;\n width: 100% !important; \n height: 100% !important;\n background-color: rgba(0, 0, 0, 0.9) !important;\n align-items: center !important; \n justify-content: center !important;\n cursor: zoom-out !important;\n backdrop-filter: blur(5px) !important;\n }\n \n .ajx-v170-lightbox img {\n max-width: 90% !important; \n max-height: 90% !important;\n border-radius: 12px !important;\n box-shadow: 0 0 40px rgba(0, 255, 127, 0.15) !important;\n animation: ajxZoomIn170 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n }\n \n .ajx-v170-lightbox-close {\n position: absolute !important; \n top: 20px !important; \n right: 30px !important;\n color: #ffffff !important; \n font-size: 45px !important; \n font-weight: 300 !important;\n cursor: pointer !important;\n transition: color 0.2s ease !important;\n }\n\n .ajx-v170-lightbox-close:hover {\n color: #00ff7f !important;\n }\n \n @keyframes ajxZoomIn170 { \n from { transform: scale(0.8); opacity: 0; } \n to { transform: scale(1); opacity: 1; } \n }\n @keyframes ajxFadeInUpV170 {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* --- MOBILE RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .ajx-v170-wrapper { padding: 10px 15px !important; }\n .ajx-v170-title { font-size: 24px !important; margin-bottom: 25px !important; }\n .ajx-v170-gallery { gap: 15px !important; } \n .ajx-v170-item { padding: 10px !important; border-radius: 15px !important; }\n .ajx-v170-item:hover, .ajx-v170-item:active { transform: translateY(-3px) !important; }\n .ajx-v170-lightbox img { max-width: 95% !important; }\n .ajx-v170-lightbox-close { top: 10px !important; right: 20px !important; font-size: 35px !important; }\n }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const lightbox170 = document.getElementById('ajx-v170-lightbox');\n const lightboxImg170 = document.getElementById('ajx-v170-lightbox-img');\n const items170 = document.querySelectorAll('.ajx-v170-item img');\n const closeBtn170 = document.querySelector('.ajx-v170-lightbox-close');\n\n items170.forEach(img =\u003e {\n img.addEventListener('click', (e) =\u003e {\n e.stopPropagation();\n lightboxImg170.src = img.src; \n lightbox170.style.display = 'flex'; \n document.body.style.overflow = 'hidden'; \n });\n });\n\n const closeLightbox170 = () =\u003e {\n lightbox170.style.display = 'none';\n document.body.style.overflow = 'auto'; \n lightboxImg170.src = ''; \n };\n\n if(closeBtn170) {\n closeBtn170.addEventListener('click', closeLightbox170);\n }\n\n lightbox170.addEventListener('click', (e) =\u003e {\n if (e.target === lightbox170) {\n closeLightbox170();\n }\n });\n });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v172-wrapper\"\u003e\n \n \u003cdiv class=\"ajx-v172-content-box\"\u003e\n \u003ch2 class=\"ajx-v172-title\"\u003eRăn đe chủ động với âm thanh hai chiều\u003c\/h2\u003e\n \n \u003cdiv class=\"ajx-v172-desc-group\"\u003e\n \u003cp class=\"ajx-v172-desc\"\u003eCamera quan sát tháp xoay HLVF cao cấp được thiết kế để phản hồi tức thời. Hai micro tích hợp thu âm rõ ràng, không nhiễu, cung cấp đầy đủ bối cảnh của mọi sự kiện.\u003c\/p\u003e\n \u003cp class=\"ajx-v172-desc\"\u003eVà nhờ loa tích hợp trong hộp đấu nối, người vận hành có thể ngay lập tức ngăn chặn kẻ xâm nhập khi có mối đe dọa xuất hiện. Ngoài các chức năng có sẵn, camera còn có các đầu vào và đầu ra âm thanh chuyên dụng, cho phép người dùng bổ sung thêm các thiết bị âm thanh khác.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v172-features-row\"\u003e\n \u003cdiv class=\"ajx-v172-feature-item\"\u003e\n \u003cspan class=\"ajx-v172-bullet\"\u003e\u003c\/span\u003e Hai micrô tích hợp\n \u003c\/div\u003e\n \u003cdiv class=\"ajx-v172-feature-item\"\u003e\n \u003cspan class=\"ajx-v172-bullet\"\u003e\u003c\/span\u003e Loa tích hợp\n \u003c\/div\u003e\n \u003cdiv class=\"ajx-v172-feature-item\"\u003e\n \u003cspan class=\"ajx-v172-bullet\"\u003e\u003c\/span\u003e Đầu vào và đầu ra âm thanh\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v172-media-section\"\u003e\n \u003cdiv class=\"ajx-v172-image-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_3_79ebd337-821a-4b57-b638-fbac37281baa.avif?v=1776766016\" alt=\"Âm thanh hai chiều Ajax\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"ajx-v172-lightbox\" class=\"ajx-v172-lightbox\"\u003e\n \u003cspan class=\"ajx-v172-lightbox-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"ajx-v172-lightbox-img\" src=\"\" alt=\"Zoomed Feature\"\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* --- CSS RESET --- *\/\n .ajx-v172-wrapper, .ajx-v172-wrapper * {\n font-family: inherit !important; \n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: normal !important;\n }\n\n \/* --- BỐ CỤC CHÍNH --- *\/\n .ajx-v172-wrapper {\n max-width: 1050px !important;\n margin: 0 auto !important;\n padding: 20px 15px !important;\n animation: ajxFadeInUpV172 0.8s ease-out forwards;\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important; \/* Toàn bộ khối bám lề trái *\/\n }\n\n \/* --- KHU VỰC VĂN BẢN VÀ DANH SÁCH --- *\/\n .ajx-v172-content-box {\n width: 100% !important;\n max-width: 850px !important;\n margin: 0 0 40px 0 !important;\n }\n\n .ajx-v172-title {\n color: #ffffff !important;\n font-size: clamp(26px, 3.5vw, 42px) !important;\n font-weight: 900 !important;\n text-align: left !important;\n margin-bottom: 25px !important;\n line-height: 1.3 !important;\n border: none !important;\n }\n\n .ajx-v172-desc-group {\n display: flex !important;\n flex-direction: column !important;\n gap: 15px !important;\n margin-bottom: 30px !important;\n }\n\n .ajx-v172-desc {\n color: #e0e0e0 !important;\n font-size: clamp(15px, 1.8vw, 17px) !important;\n line-height: 1.7 !important;\n margin: 0 !important; \n text-align: justify !important; \n text-align-last: left !important;\n }\n\n \/* --- DANH SÁCH TÍNH NĂNG (XẾP NGANG) --- *\/\n .ajx-v172-features-row {\n display: flex !important;\n flex-direction: row !important;\n flex-wrap: wrap !important; \/* Tự động rớt dòng nếu màn hình hẹp *\/\n gap: 20px !important;\n background-color: #111111 !important; \n padding: 25px !important;\n border-radius: 15px !important;\n border: 1px solid rgba(255,255,255,0.05) !important;\n }\n\n .ajx-v172-feature-item {\n color: #ffffff !important;\n font-size: 16px !important;\n font-weight: bold !important;\n display: flex !important;\n align-items: center !important; \/* Căn giữa dấu chấm và chữ theo chiều dọc *\/\n gap: 12px !important;\n }\n\n .ajx-v172-bullet {\n width: 8px !important;\n height: 8px !important;\n background-color: #00ff7f !important;\n border-radius: 50% !important;\n flex-shrink: 0 !important; \/* Ngăn dấu chấm bị bóp méo *\/\n }\n\n \/* --- KHU VỰC HÌNH ẢNH DƯỚI CÙNG --- *\/\n .ajx-v172-media-section {\n width: 100% !important;\n max-width: 850px !important; \/* Bung rộng bằng với chữ *\/\n }\n\n .ajx-v172-image-card {\n width: 100% !important;\n background-color: #111111 !important;\n border-radius: 20px !important;\n overflow: hidden !important;\n border: 1px solid rgba(255,255,255,0.05) !important;\n box-shadow: 0 15px 40px rgba(0,0,0,0.5) !important;\n cursor: zoom-in !important;\n transition: transform 0.4s ease, border-color 0.4s ease !important;\n line-height: 0 !important;\n }\n\n .ajx-v172-image-card:hover {\n transform: translateY(-5px) !important;\n border-color: #00ff7f !important;\n }\n\n .ajx-v172-image-card img {\n width: 100% !important;\n height: auto !important;\n display: block !important;\n transition: transform 0.5s ease !important;\n }\n\n .ajx-v172-image-card:hover img {\n transform: scale(1.02) !important;\n }\n\n \/* --- LIGHTBOX (PHÓNG TO ẢNH) --- *\/\n .ajx-v172-lightbox {\n display: none; \n position: fixed !important;\n z-index: 999999 !important;\n left: 0 !important; \n top: 0 !important;\n width: 100% !important; \n height: 100% !important;\n background-color: rgba(0, 0, 0, 0.9) !important;\n align-items: center !important; \n justify-content: center !important;\n cursor: zoom-out !important;\n backdrop-filter: blur(5px) !important;\n }\n \n .ajx-v172-lightbox img {\n max-width: 90% !important; \n max-height: 90% !important;\n border-radius: 12px !important;\n box-shadow: 0 0 40px rgba(0, 255, 127, 0.15) !important;\n animation: ajxZoomIn172 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n }\n \n .ajx-v172-lightbox-close {\n position: absolute !important; \n top: 20px !important; \n right: 30px !important;\n color: #ffffff !important; \n font-size: 45px !important; \n font-weight: 300 !important;\n cursor: pointer !important;\n transition: color 0.2s ease !important;\n }\n\n .ajx-v172-lightbox-close:hover {\n color: #00ff7f !important;\n }\n\n \/* Animations *\/\n @keyframes ajxZoomIn172 { \n from { transform: scale(0.8); opacity: 0; } \n to { transform: scale(1); opacity: 1; } \n }\n @keyframes ajxFadeInUpV172 {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* --- MOBILE RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .ajx-v172-wrapper { padding: 10px 15px !important; }\n .ajx-v172-title { font-size: 24px !important; margin-bottom: 20px !important; }\n .ajx-v172-desc { text-align: left !important; text-align-last: auto !important; }\n \n \/* Chuyển 3 thẻ tính năng thành xếp dọc trên điện thoại để tránh bị ép chữ *\/\n .ajx-v172-features-row {\n flex-direction: column !important;\n padding: 20px !important;\n gap: 15px !important;\n }\n\n .ajx-v172-image-card:hover { transform: translateY(-3px) !important; }\n .ajx-v172-lightbox img { max-width: 95% !important; }\n .ajx-v172-lightbox-close { top: 10px !important; right: 20px !important; font-size: 35px !important; }\n }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const lightbox172 = document.getElementById('ajx-v172-lightbox');\n const lightboxImg172 = document.getElementById('ajx-v172-lightbox-img');\n const items172 = document.querySelectorAll('.ajx-v172-image-card img');\n const closeBtn172 = document.querySelector('.ajx-v172-lightbox-close');\n\n items172.forEach(img =\u003e {\n img.addEventListener('click', (e) =\u003e {\n e.stopPropagation();\n lightboxImg172.src = img.src; \n lightbox172.style.display = 'flex'; \n document.body.style.overflow = 'hidden'; \n });\n });\n\n const closeLightbox172 = () =\u003e {\n lightbox172.style.display = 'none';\n document.body.style.overflow = 'auto'; \n lightboxImg172.src = ''; \n };\n\n if(closeBtn172) {\n closeBtn172.addEventListener('click', closeLightbox172);\n }\n\n lightbox172.addEventListener('click', (e) =\u003e {\n if (e.target === lightbox172) {\n closeLightbox172();\n }\n });\n });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v186-wrapper\" data-ajax-instance\u003e\n \n \u003ch2 class=\"ajx-v186-title\"\u003eBảo vệ dữ liệu và quyền riêng tư\u003c\/h2\u003e\n\n \u003cdiv class=\"ajx-v186-carousel-container\"\u003e\n \n \u003cdiv class=\"ajx-v186-slider\" id=\"ajx-v186-slider\"\u003e\n \n \u003cdiv class=\"ajx-v186-col\"\u003e\n \n \u003cdiv class=\"ajx-v186-card ajx-flex-1\"\u003e\n \u003cdiv class=\"ajx-media-full-center\"\u003e\n \u003cvideo autoplay muted loop playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/66845952bae94aabb7b2e85ea454b2bd.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ajx-v186-card ajx-flex-1\"\u003e\n \u003cdiv class=\"ajx-media-full-center\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/2_3dd484a0-b2aa-4266-9f05-a900e5bda3e7.png?v=1776929709\" alt=\"Mã hóa TLS\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v186-col\"\u003e\n \n \u003cdiv class=\"ajx-v186-card ajx-flex-2\"\u003e\n \u003cdiv class=\"ajx-media-top\"\u003e\n \u003cvideo autoplay muted loop playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e1830eed0aa04481b53a2f22d0ab50d6.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ajx-card-text\"\u003e\n \u003ch3\u003eNgười dùng có thể kiểm soát quyền truy cập vào nội dung video.\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ajx-v186-card ajx-flex-1\"\u003e\n \u003cdiv class=\"ajx-media-full-center\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/4_17a9850a-dcfa-480f-8fb7-82f291f4b8dc.png?v=1776929710\" alt=\"Bảo mật nhiều lớp\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v186-col\"\u003e\n \n \u003cdiv class=\"ajx-v186-card ajx-flex-full ajx-media-full-center-col\"\u003e\n \u003cdiv class=\"ajx-card-text-center\"\u003e\n \u003ch3\u003eXuất video an toàn với xác minh chữ kí số\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ajx-media-center-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/5_2c24b7fb-582f-4f59-a213-1a0b169fd3b8.avif?v=1776929710\" alt=\"Xuất video an toàn\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v186-col\"\u003e\n \n \u003cdiv class=\"ajx-v186-card ajx-flex-1 ajx-bg-stripes\"\u003e\n \u003cdiv class=\"ajx-gdpr-content\"\u003e\n \u003cp\u003eTuân thủ các quy định quan trọng của châu âu\u003c\/p\u003e\n \u003ch3\u003eGDPR\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ajx-v186-card ajx-flex-1\"\u003e\n \u003cdiv class=\"ajx-media-full-center\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/7_98100b84-5aee-4403-b24d-cba064ed689f.avif?v=1776929709\" alt=\"NDAA\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v186-arrows\"\u003e\n \u003cbutton class=\"ajx-v186-arrow-btn\" id=\"ajx-v186-prev\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"15 18 9 12 15 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/button\u003e\n \u003cbutton class=\"ajx-v186-arrow-btn\" id=\"ajx-v186-next\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"9 18 15 12 9 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* --- CSS RESET --- *\/\n .ajx-v186-wrapper, .ajx-v186-wrapper * {\n font-family: inherit !important; \n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: normal !important;\n }\n\n \/* --- BỐ CỤC CHÍNH --- *\/\n .ajx-v186-wrapper {\n width: 100% !important;\n max-width: 1350px !important;\n margin: 0 auto !important;\n padding: 30px 15px !important;\n animation: ajxFadeInUpV186 0.8s ease-out forwards;\n }\n\n .ajx-v186-title {\n color: #ffffff !important;\n font-size: clamp(24px, 3vw, 36px) !important;\n font-weight: 900 !important;\n text-align: center !important;\n margin-bottom: 40px !important;\n line-height: 1.3 !important;\n border: none !important;\n }\n\n \/* --- KHUNG SLIDER VUỐT NGANG --- *\/\n .ajx-v186-carousel-container {\n width: 100% !important;\n position: relative !important;\n }\n\n .ajx-v186-slider {\n display: flex !important;\n flex-direction: row !important;\n overflow-x: auto !important;\n gap: 15px !important;\n scroll-snap-type: x mandatory !important;\n padding-bottom: 10px !important;\n scroll-behavior: smooth !important;\n -webkit-overflow-scrolling: touch !important;\n }\n\n .ajx-v186-slider::-webkit-scrollbar { display: none !important; }\n .ajx-v186-slider { -ms-overflow-style: none !important; scrollbar-width: none !important; }\n\n \/* --- TỪNG CỘT (COLUMN) --- *\/\n \/* Đồng bộ tất cả các cột rộng 340px, chiều cao 480px *\/\n .ajx-v186-col {\n display: flex !important;\n flex-direction: column !important;\n gap: 15px !important;\n flex: 0 0 340px !important; \n height: 480px !important; \n scroll-snap-align: start !important;\n }\n\n \/* --- THẺ TÍNH NĂNG (CARD) --- *\/\n .ajx-v186-card {\n background-color: #000000 !important; \n border: 1px solid rgba(255,255,255,0.08) !important;\n border-radius: 16px !important;\n display: flex !important;\n flex-direction: column !important;\n transition: all 0.3s ease !important;\n overflow: hidden !important; \n position: relative !important;\n }\n\n .ajx-v186-card:hover {\n border-color: rgba(255,255,255,0.2) !important;\n }\n\n \/* Tỷ lệ chia chiều cao *\/\n .ajx-flex-1 { flex: 1 !important; }\n .ajx-flex-2 { flex: 1.8 !important; } \n .ajx-flex-full { flex: 1 !important; height: 100% !important; }\n\n \/* --- MEDIA NẰM GIỮA (CHO THẺ KHÔNG CHỮ) --- *\/\n .ajx-media-full-center {\n width: 100% !important;\n height: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding: 15px !important;\n }\n\n .ajx-media-full-center img, .ajx-media-full-center video {\n width: 100% !important;\n height: 100% !important;\n object-fit: contain !important; \n pointer-events: none !important;\n transition: transform 0.5s ease !important;\n }\n\n \/* --- MEDIA NẰM TRÊN (CHO CỘT 2) --- *\/\n .ajx-media-top {\n flex: 1 !important; \n width: 100% !important;\n display: flex !important;\n align-items: flex-end !important;\n justify-content: center !important;\n padding: 20px 20px 0 20px !important;\n }\n\n .ajx-media-top img, .ajx-media-top video {\n max-width: 100% !important;\n max-height: 100% !important;\n object-fit: contain !important;\n pointer-events: none !important;\n transition: transform 0.5s ease !important;\n }\n\n \/* --- KỸ THUẬT CĂN GIỮA TUYỆT ĐỐI CHO THẺ SỐ 5 (CỘT 3) --- *\/\n .ajx-media-full-center-col {\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important; \/* Căn giữa dọc *\/\n align-items: center !important; \/* Căn giữa ngang *\/\n padding: 30px !important;\n gap: 20px !important; \/* Khoảng cách giữa chữ và hình *\/\n }\n\n .ajx-card-text-center {\n width: 100% !important;\n text-align: center !important;\n }\n\n .ajx-card-text-center h3 {\n color: #ffffff !important;\n font-size: 15px !important;\n font-weight: 600 !important;\n line-height: 1.4 !important;\n margin: 0 !important;\n text-align: center !important; \n }\n\n .ajx-media-center-item {\n width: 100% !important;\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n }\n\n .ajx-media-center-item img, .ajx-media-center-item video {\n max-width: 100% !important;\n max-height: 250px !important;\n object-fit: contain !important;\n pointer-events: none !important;\n transition: transform 0.5s ease !important;\n }\n\n \/* Hiệu ứng Hover chung *\/\n .ajx-v186-card:hover .ajx-media-full-center img,\n .ajx-v186-card:hover .ajx-media-full-center video,\n .ajx-v186-card:hover .ajx-media-top img,\n .ajx-v186-card:hover .ajx-media-top video,\n .ajx-v186-card:hover .ajx-media-center-item img,\n .ajx-v186-card:hover .ajx-media-center-item video {\n transform: scale(1.03) !important;\n }\n\n \/* --- KHU VỰC HIỂN THỊ CHỮ DƯỚI ĐÁY --- *\/\n .ajx-card-text {\n padding: 15px 20px 25px 20px !important;\n text-align: center !important;\n }\n\n .ajx-card-text h3 {\n color: #ffffff !important;\n font-size: 15px !important;\n font-weight: 600 !important;\n line-height: 1.4 !important;\n margin: 0 !important;\n }\n\n \/* --- ĐẶC TRỊ CSS CHO THẺ 6 (GDPR - NỀN SỌC) --- *\/\n .ajx-bg-stripes {\n background: repeating-linear-gradient(\n -45deg,\n #131313,\n #131313 3px,\n #1e1e1e 3px,\n #1e1e1e 6px\n ) !important;\n }\n\n .ajx-gdpr-content {\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n justify-content: center !important;\n width: 100% !important;\n height: 100% !important;\n padding: 20px !important;\n text-align: center !important;\n }\n\n .ajx-gdpr-content p {\n color: #ffffff !important;\n font-size: 14px !important;\n margin: 0 0 8px 0 !important;\n font-weight: 500 !important;\n }\n\n .ajx-gdpr-content h3 {\n color: #ffffff !important;\n font-size: 32px !important;\n font-weight: 900 !important;\n margin: 0 !important;\n letter-spacing: 1px !important;\n }\n\n \/* --- NÚT ĐIỀU HƯỚNG --- *\/\n .ajx-v186-arrows {\n display: flex !important;\n justify-content: center !important;\n gap: 15px !important;\n margin-top: 30px !important;\n }\n\n .ajx-v186-arrow-btn {\n width: 40px !important;\n height: 40px !important;\n border-radius: 50% !important;\n border: 1px solid rgba(255,255,255,0.3) !important;\n background: transparent !important;\n color: #ffffff !important;\n cursor: pointer !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n transition: all 0.3s ease !important;\n }\n\n .ajx-v186-arrow-btn svg { width: 18px !important; height: 18px !important; }\n\n .ajx-v186-arrow-btn:hover {\n background: #ffffff !important;\n color: #000000 !important;\n }\n\n @keyframes ajxFadeInUpV186 {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* --- MOBILE RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .ajx-v186-wrapper { padding: 20px 0 !important; } \n .ajx-v186-title { font-size: 22px !important; padding: 0 15px !important; margin-bottom: 25px !important;}\n \n .ajx-v186-slider {\n padding: 0 15px 15px 15px !important;\n }\n\n .ajx-v186-col {\n flex: 0 0 clamp(280px, 85vw, 340px) !important; \n height: 450px !important; \n }\n\n .ajx-v186-arrows { display: none !important; }\n }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n document.querySelectorAll('.ajx-v186-carousel-container').forEach(container =\u003e {\n const slider = container.querySelector('.ajx-v186-slider');\n const prevBtn = container.querySelector('#ajx-v186-prev');\n const nextBtn = container.querySelector('#ajx-v186-next');\n\n if(slider \u0026\u0026 prevBtn \u0026\u0026 nextBtn) {\n prevBtn.addEventListener('click', () =\u003e {\n const colWidth = slider.querySelector('.ajx-v186-col').offsetWidth + 15;\n slider.scrollBy({ left: -colWidth, behavior: 'smooth' });\n });\n\n nextBtn.addEventListener('click', () =\u003e {\n const colWidth = slider.querySelector('.ajx-v186-col').offsetWidth + 15;\n slider.scrollBy({ left: colWidth, behavior: 'smooth' });\n });\n }\n });\n });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v191-wrapper\"\u003e\n \n \u003ch2 class=\"ajx-v191-main-title\"\u003eTích hợp với các thiết bị bên ngoài Ajax một cách dễ dàng.\u003c\/h2\u003e\n\n \u003cdiv class=\"ajx-v191-top-section\"\u003e\n \u003cdiv class=\"ajx-v191-text-col\"\u003e\n \u003ch3\u003eĐược thiết kế sẵn để nâng cấp và cải tiến.\u003c\/h3\u003e\n \u003cp\u003eCamera hành trình HLVF cao cấp dễ dàng tích hợp vào các hệ thống hiện có. Các cổng đầu vào và đầu ra báo động cung cấp cách kết nối trực tiếp với các thiết bị phát hiện, đèn nháy, còi báo động hoặc khóa cửa của bên thứ ba — tự động hóa việc ghi lại và phản hồi sự kiện. Các cổng âm thanh cho phép kết nối micro và loa hiện có. Với những bổ sung này, camera trở thành trung tâm của một hệ thống phát hiện và phản hồi hoàn chỉnh.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ajx-v191-img-col\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_2_704ba07f-b5cb-4219-ad9b-28c04feea1f5.avif?v=1776938623\" alt=\"Cổng kết nối Camera HLVF\" class=\"ajx-zoomable-img\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v191-mid-section\"\u003e\n \u003cdiv class=\"ajx-v191-mid-text\"\u003e\n \u003ch3\u003eDễ dàng tích hợp thông qua ONVIF và RTSP\u003c\/h3\u003e\n \u003cp\u003eCác thiết bị video Ajax hỗ trợ giao thức ONVIF và RTSP — không cần thủ thuật đặc biệt, không cần thêm nỗ lực. Điều này mở ra nhiều cơ hội để nâng cấp và trang bị thêm các tính năng bảo mật tiên tiến cho hệ thống video hiện có. Camera và NVR Ajax kết nối với hệ thống giám sát hoặc quản lý video (VMS) của bên thứ ba chỉ với vài thao tác chạm. Công cụ hỗ trợ đặc biệt trong ứng dụng Ajax đơn giản hóa quá trình cấu hình bằng cách tự động truy xuất tất cả dữ liệu mạng cần thiết. Tận hưởng khả năng truyền phát mượt mà và cấu hình hình ảnh linh hoạt, cho dù bạn đang xây dựng hệ thống mới hay mở rộng hệ thống hiện có.\u003c\/p\u003e\n \n \u003ca href=\"https:\/\/support-ajax-systems.translate.goog\/en\/manuals\/onvif\/?_gl=1*e6yql7*_gcl_au*MjE0NTI1ODM5MC4xNzc0NDMyMzUx*FPAU*MjE0NTI1ODM5MC4xNzc0NDMyMzUx*_ga*OTQwNDMyNjAwLjE3NjY2NTE0NzM.*_ga_1C2WYPSDCY*czE3NzY5Mzg2ODAkbzEzMiRnMCR0MTc3NjkzODY4MCRqNjAkbDAkaDA.*_ga_DFE4XTFKJQ*czE3NzY5Mzg2ODAkbzI1JGcwJHQxNzc2OTM4NjgwJGo2MCRsMCRoOTU0NDE0MDE2\u0026amp;_x_tr_sl=en\u0026amp;_x_tr_tl=vi\u0026amp;_x_tr_hl=vi\u0026amp;_x_tr_pto=wapp\" target=\"_blank\" class=\"ajx-v191-link\"\u003e\n Hướng dẫn cấu hình xác thực ONVIF\n \u003csvg viewbox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 16 16 12 12 8\"\u003e\u003c\/polyline\u003e\u003cline x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n \u003c\/a\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v191-diagram\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/s_d_c_u_hinh_ONVIF.png?v=1776938769\" alt=\"Sơ đồ ONVIF\" class=\"ajx-zoomable-img\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v191-grid-section\"\u003e\n \n \u003cdiv class=\"ajx-v191-card\"\u003e\n \u003ch4\u003eCác cấu hình \u003csup\u003e1\u003c\/sup\u003e được hỗ trợ:\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003eHồ sơ ONVIF S\u003c\/li\u003e\n \u003cli\u003eHồ sơ ONVIF T\u003c\/li\u003e\n \u003cli\u003eHồ sơ ONVIF M\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v191-card\"\u003e\n \u003ch4\u003eCác codec được hỗ trợ:\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003eH.264\u003c\/li\u003e\n \u003cli\u003eH.265 (HEVC)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v191-card\"\u003e\n \u003ch4\u003eCó ba vị trí khả dụng:\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003eQuản trị viên\u003c\/li\u003e\n \u003cli\u003eNgười vận hành\u003c\/li\u003e\n \u003cli\u003eNgười dùng\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v191-card\"\u003e\n \u003ch4\u003eCác tính năng bổ sung:\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003eLịch sử phát hiện chuyển động\u003c\/li\u003e\n \u003cli\u003eNhận dạng AI\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"ajx-v191-lightbox\" class=\"ajx-v191-lightbox\"\u003e\n \u003cspan class=\"ajx-v191-lightbox-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"ajx-v191-lightbox-img\" src=\"\" alt=\"Zoomed UI\"\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* --- CSS RESET --- *\/\n .ajx-v191-wrapper, .ajx-v191-wrapper * {\n font-family: inherit !important; \n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: normal !important;\n }\n\n \/* --- BỐ CỤC CHÍNH --- *\/\n .ajx-v191-wrapper {\n width: 100% !important;\n max-width: 1050px !important;\n margin: 0 auto !important;\n padding: 40px 15px !important;\n animation: ajxFadeInUpV191 0.8s ease-out forwards;\n color: #ffffff !important;\n }\n\n .ajx-v191-main-title {\n font-size: clamp(26px, 4vw, 42px) !important;\n font-weight: 900 !important;\n text-align: left !important;\n margin-bottom: 60px !important;\n line-height: 1.3 !important;\n border: none !important;\n max-width: 850px !important;\n margin-left: 0 !important; \n margin-right: auto !important;\n }\n\n \/* --- PHÂN KHU 1 (TOP) --- *\/\n .ajx-v191-top-section {\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important;\n gap: 30px !important;\n margin-bottom: 60px !important;\n }\n\n .ajx-v191-text-col { width: 100% !important; }\n .ajx-v191-text-col h3, .ajx-v191-mid-text h3 {\n font-size: 22px !important;\n font-weight: 800 !important;\n margin-bottom: 15px !important;\n line-height: 1.4 !important;\n }\n\n .ajx-v191-text-col p, .ajx-v191-mid-text p {\n color: #a1a1aa !important;\n font-size: 16px !important;\n line-height: 1.6 !important;\n text-align: justify !important;\n text-align-last: left !important;\n }\n\n .ajx-v191-img-col {\n width: 100% !important;\n display: flex !important;\n justify-content: center !important;\n margin-top: 10px !important;\n }\n\n .ajx-v191-img-col img {\n max-width: 100% !important;\n height: auto !important;\n object-fit: contain !important;\n }\n\n \/* --- PHÂN KHU 2 (MID) --- *\/\n .ajx-v191-mid-section {\n margin-bottom: 60px !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 40px !important;\n }\n\n \/* ĐÃ CHỈNH SỬA: HIGHLIGHT MÀU XANH AJAX CHO LINK *\/\n .ajx-v191-link {\n display: inline-flex !important;\n align-items: center !important;\n gap: 8px !important;\n color: #00ff7f !important; \/* Đổi màu xanh neon Ajax *\/\n font-size: 16px !important; \/* Tăng nhẹ cỡ chữ để nổi bật hơn *\/\n font-weight: 700 !important;\n text-decoration: none !important;\n margin-top: 15px !important;\n transition: all 0.3s ease !important;\n }\n\n .ajx-v191-link svg {\n stroke: #00ff7f !important; \/* Đổi màu SVG thành xanh *\/\n }\n\n .ajx-v191-link:hover { \n opacity: 0.8 !important;\n text-shadow: 0 0 10px rgba(0, 255, 127, 0.4) !important; \/* Glow nhẹ khi hover *\/\n }\n\n .ajx-v191-diagram {\n width: 100% !important;\n display: flex !important;\n justify-content: center !important;\n }\n\n .ajx-v191-diagram img {\n width: 100% !important;\n height: auto !important;\n object-fit: contain !important;\n }\n\n \/* --- PHÂN KHU 3 (BOTTOM GRID 2x2) --- *\/\n .ajx-v191-grid-section {\n display: grid !important;\n grid-template-columns: repeat(2, 1fr) !important;\n gap: 25px !important;\n }\n\n .ajx-v191-card {\n background-color: #1a1a1c !important; \n border-radius: 12px !important;\n padding: 30px 25px !important;\n border: 1px solid rgba(255,255,255,0.05) !important;\n transition: transform 0.3s ease, border-color 0.3s ease !important;\n }\n\n .ajx-v191-card:hover {\n transform: translateY(-5px) !important;\n border-color: rgba(255,255,255,0.15) !important;\n }\n\n .ajx-v191-card h4 {\n font-size: 16px !important;\n font-weight: 700 !important;\n margin-bottom: 20px !important;\n color: #ffffff !important;\n line-height: 1.4 !important;\n }\n\n .ajx-v191-card h4 sup {\n color: #00ff7f !important; \n }\n\n .ajx-v191-card ul {\n list-style: none !important; \n padding-left: 0 !important;\n margin: 0 !important;\n }\n\n .ajx-v191-card ul li {\n font-size: 14px !important;\n color: #a1a1aa !important;\n margin-bottom: 12px !important;\n position: relative !important;\n padding-left: 15px !important; \n line-height: 1.4 !important;\n display: block !important; \n list-style-type: none !important;\n background-image: none !important; \n }\n\n .ajx-v191-card ul li::marker {\n content: \"\" !important;\n display: none !important;\n }\n\n .ajx-v191-card ul li::before {\n content: \"\" !important; \n position: absolute !important;\n left: 0 !important;\n top: 6px !important; \n width: 6px !important;\n height: 6px !important;\n background-color: #00ff7f !important; \n border-radius: 50% !important; \n border: none !important;\n }\n\n \/* --- HIỆU ỨNG ẢNH ZOOM (VIỀN XANH AJAX) --- *\/\n .ajx-zoomable-img {\n border: 2px solid transparent !important;\n border-radius: 12px !important;\n cursor: zoom-in !important;\n transition: all 0.3s ease !important;\n padding: 5px !important;\n }\n\n .ajx-zoomable-img:hover {\n border-color: #00ff7f !important; \n transform: scale(1.02) !important;\n box-shadow: 0 10px 30px rgba(0, 255, 127, 0.15) !important;\n }\n\n \/* --- LIGHTBOX CHỨA ẢNH PHÓNG TO --- *\/\n .ajx-v191-lightbox {\n display: none; \n position: fixed !important;\n z-index: 999999 !important;\n left: 0 !important; \n top: 0 !important;\n width: 100% !important; \n height: 100% !important;\n background-color: rgba(0, 0, 0, 0.92) !important;\n align-items: center !important; \n justify-content: center !important;\n cursor: zoom-out !important;\n backdrop-filter: blur(5px) !important;\n }\n \n .ajx-v191-lightbox img {\n max-width: 90% !important; \n max-height: 90% !important;\n border-radius: 12px !important;\n box-shadow: 0 0 40px rgba(0, 255, 127, 0.2) !important;\n animation: ajxZoomIn191 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n }\n \n .ajx-v191-lightbox-close {\n position: absolute !important; \n top: 20px !important; \n right: 30px !important;\n color: #ffffff !important; \n font-size: 45px !important; \n font-weight: 300 !important;\n cursor: pointer !important;\n transition: color 0.2s ease !important;\n }\n\n .ajx-v191-lightbox-close:hover {\n color: #00ff7f !important;\n }\n\n @keyframes ajxZoomIn191 { \n from { transform: scale(0.8); opacity: 0; } \n to { transform: scale(1); opacity: 1; } \n }\n @keyframes ajxFadeInUpV191 {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* --- MOBILE RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .ajx-v191-main-title { font-size: 24px !important; margin-bottom: 30px !important; }\n .ajx-v191-grid-section { grid-template-columns: 1fr !important; }\n .ajx-v191-text-col p, .ajx-v191-mid-text p { text-align: left !important; text-align-last: auto !important; }\n \n .ajx-v191-lightbox img { max-width: 95% !important; }\n .ajx-v191-lightbox-close { top: 10px !important; right: 20px !important; font-size: 35px !important; }\n }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const lightbox191 = document.getElementById('ajx-v191-lightbox');\n const lightboxImg191 = document.getElementById('ajx-v191-lightbox-img');\n const zoomableImages = document.querySelectorAll('.ajx-zoomable-img');\n const closeBtn191 = document.querySelector('.ajx-v191-lightbox-close');\n\n zoomableImages.forEach(img =\u003e {\n img.addEventListener('dblclick', (e) =\u003e {\n e.stopPropagation();\n lightboxImg191.src = img.src; \n lightbox191.style.display = 'flex'; \n document.body.style.overflow = 'hidden'; \n });\n });\n\n const closeLightbox191 = () =\u003e {\n lightbox191.style.display = 'none';\n document.body.style.overflow = 'auto'; \n lightboxImg191.src = ''; \n };\n\n if(closeBtn191) {\n closeBtn191.addEventListener('click', closeLightbox191);\n }\n\n lightbox191.addEventListener('click', (e) =\u003e {\n if (e.target === lightbox191) {\n closeLightbox191();\n }\n });\n });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v193-wrapper\"\u003e\n \n \u003cdiv class=\"ajx-v193-card\"\u003e\n \u003ch3 class=\"ajx-v193-title\"\u003eMở rộng quy mô và đảm bảo an ninh với Ajax NVR.\u003c\/h3\u003e\n \u003cdiv class=\"ajx-v193-desc\"\u003e\n \u003cp\u003eNâng cấp hệ thống giám sát video với dòng sản phẩm Superior NVR H2D — một kho lưu trữ an toàn cho các đoạn phim đã ghi. Hỗ trợ hai ổ cứng HDD dung lượng lên đến 24 TB mỗi ổ, các NVR đảm bảo ghi hình liên tục và sao lưu dữ liệu đáng tin cậy.\u003c\/p\u003e\n \u003cp\u003eVới nhiều cấu hình khác nhau, các NVR có thể xây dựng một hệ sinh thái video mạnh mẽ cho các dự án thuộc mọi quy mô và yêu cầu mạng — với thời gian thiết lập hoàn tất chỉ trong vài phút.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003ca href=\"https:\/\/ajax.systems\/products\/superior-nvr-h2d\/\" target=\"_blank\" class=\"ajx-v193-link\"\u003e\n Tìm hiểu thêm\n \u003csvg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"\u003e\n \u003cpath d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\" display=\"none\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#ffffff\" class=\"ajx-circle-bg\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M10 8l4 4-4 4\" stroke=\"#1a1a1c\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/a\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v193-image-section\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_2_73a6f6f5-e305-420d-9167-1f9d7d9e933f.avif?v=1776941640\" alt=\"Ajax Superior NVR H2D\" class=\"ajx-zoomable-img\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v193-infobox\"\u003e\n \u003cdiv class=\"ajx-info-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"24\" height=\"24\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#ffffff\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 16v-4M12 8h.01\" stroke=\"#000000\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ajx-info-text\"\u003e\n Camera Ajax Superior HLVF có thể hoạt động mà không cần đầu ghi NVR của Ajax. Trong trường hợp này, video sẽ được lưu trữ cục bộ trên thẻ nhớ microSD nếu có lắp đặt.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"ajx-v193-lightbox\" class=\"ajx-v193-lightbox\"\u003e\n \u003cspan class=\"ajx-v193-lightbox-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"ajx-v193-lightbox-img\" src=\"\" alt=\"Zoomed NVR\"\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* --- CSS RESET --- *\/\n .ajx-v193-wrapper, .ajx-v193-wrapper * {\n font-family: inherit !important; \n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: normal !important;\n }\n\n \/* --- BỐ CỤC CHÍNH --- *\/\n .ajx-v193-wrapper {\n width: 100% !important;\n max-width: 950px !important;\n margin: 0 auto !important;\n padding: 20px 15px !important;\n animation: ajxFadeInUpV193 0.8s ease-out forwards;\n display: flex !important;\n flex-direction: column !important;\n gap: 30px !important; \/* Khoảng cách giữa Card Chữ, Ảnh và Info Box *\/\n }\n\n \/* --- MAIN CARD (Chỉ chứa Văn bản và Link) --- *\/\n .ajx-v193-card {\n background-color: #1a1a1c !important; \n border-radius: 16px !important;\n padding: 45px 50px !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important;\n border: 1px solid rgba(255, 255, 255, 0.05) !important;\n box-shadow: 0 15px 40px rgba(0,0,0,0.4) !important;\n }\n\n .ajx-v193-title {\n color: #ffffff !important;\n font-size: clamp(22px, 3vw, 28px) !important;\n font-weight: 800 !important;\n margin-bottom: 20px !important;\n line-height: 1.3 !important;\n }\n\n .ajx-v193-desc {\n display: flex !important;\n flex-direction: column !important;\n gap: 15px !important;\n margin-bottom: 25px !important;\n }\n\n .ajx-v193-desc p {\n color: #a1a1aa !important;\n font-size: 16px !important;\n line-height: 1.6 !important;\n text-align: justify !important;\n text-align-last: left !important;\n }\n\n \/* --- NÚT TÌM HIỂU THÊM --- *\/\n .ajx-v193-link {\n display: inline-flex !important;\n align-items: center !important;\n gap: 10px !important;\n color: #ffffff !important;\n font-size: 15px !important;\n font-weight: 700 !important;\n text-decoration: none !important;\n margin-bottom: 0 !important; \/* Xoá margin bottom vì không còn ảnh bên trong card *\/\n transition: all 0.3s ease !important;\n }\n\n .ajx-v193-link svg {\n transition: transform 0.3s ease !important;\n }\n\n .ajx-v193-link:hover {\n color: #00ff7f !important; \n }\n\n .ajx-v193-link:hover svg .ajx-circle-bg {\n fill: #00ff7f !important; \n }\n\n .ajx-v193-link:hover svg {\n transform: translateX(5px) !important; \n }\n\n \/* --- HÌNH ẢNH NVR TÁCH RỜI BÊN NGOÀI --- *\/\n .ajx-v193-image-section {\n width: 100% !important;\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n }\n\n \/* Hiệu ứng Viền Xanh và Zoom khi Hover *\/\n .ajx-zoomable-img {\n width: 100% !important;\n height: auto !important;\n object-fit: cover !important;\n display: block !important;\n border-radius: 12px !important;\n border: 2px solid transparent !important;\n cursor: zoom-in !important;\n transition: all 0.3s ease !important;\n padding: 5px !important;\n }\n\n .ajx-zoomable-img:hover {\n border-color: #00ff7f !important; \n transform: scale(1.02) !important;\n box-shadow: 0 10px 30px rgba(0, 255, 127, 0.15) !important;\n }\n\n \/* --- INFO BOX (CHÚ THÍCH BÊN DƯỚI) --- *\/\n .ajx-v193-infobox {\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\n border-radius: 8px !important;\n padding: 20px 25px !important;\n display: flex !important;\n align-items: center !important;\n gap: 15px !important;\n background: transparent !important;\n }\n\n .ajx-info-icon {\n flex-shrink: 0 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n }\n\n .ajx-info-text {\n color: #ffffff !important;\n font-size: 15px !important;\n font-weight: 700 !important;\n line-height: 1.5 !important;\n }\n\n \/* --- LIGHTBOX CHỨA ẢNH PHÓNG TO --- *\/\n .ajx-v193-lightbox {\n display: none; \n position: fixed !important;\n z-index: 999999 !important;\n left: 0 !important; \n top: 0 !important;\n width: 100% !important; \n height: 100% !important;\n background-color: rgba(0, 0, 0, 0.92) !important;\n align-items: center !important; \n justify-content: center !important;\n cursor: zoom-out !important;\n backdrop-filter: blur(5px) !important;\n }\n \n .ajx-v193-lightbox img {\n max-width: 90% !important; \n max-height: 90% !important;\n border-radius: 12px !important;\n box-shadow: 0 0 40px rgba(0, 255, 127, 0.2) !important;\n animation: ajxZoomIn193 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n }\n \n .ajx-v193-lightbox-close {\n position: absolute !important; \n top: 20px !important; \n right: 30px !important;\n color: #ffffff !important; \n font-size: 45px !important; \n font-weight: 300 !important;\n cursor: pointer !important;\n transition: color 0.2s ease !important;\n }\n\n .ajx-v193-lightbox-close:hover {\n color: #00ff7f !important;\n }\n\n @keyframes ajxZoomIn193 { \n from { transform: scale(0.8); opacity: 0; } \n to { transform: scale(1); opacity: 1; } \n }\n @keyframes ajxFadeInUpV193 {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* --- MOBILE RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .ajx-v193-card { padding: 30px 20px !important; }\n .ajx-v193-desc p { text-align: left !important; text-align-last: auto !important; }\n .ajx-v193-infobox {\n padding: 15px 20px !important;\n align-items: flex-start !important; \n }\n .ajx-info-icon { margin-top: 2px !important; }\n .ajx-v193-lightbox img { max-width: 95% !important; }\n .ajx-v193-lightbox-close { top: 10px !important; right: 20px !important; font-size: 35px !important; }\n }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ --- LOGIC ZOOM ẢNH BẰNG DOUBLE CLICK ---\n const lightbox193 = document.getElementById('ajx-v193-lightbox');\n const lightboxImg193 = document.getElementById('ajx-v193-lightbox-img');\n const zoomableImage = document.querySelector('.ajx-zoomable-img');\n const closeBtn193 = document.querySelector('.ajx-v193-lightbox-close');\n\n if(zoomableImage) {\n zoomableImage.addEventListener('dblclick', (e) =\u003e {\n e.stopPropagation();\n lightboxImg193.src = zoomableImage.src; \n lightbox193.style.display = 'flex'; \n document.body.style.overflow = 'hidden'; \n });\n }\n\n const closeLightbox193 = () =\u003e {\n lightbox193.style.display = 'none';\n document.body.style.overflow = 'auto'; \n lightboxImg193.src = ''; \n };\n\n if(closeBtn193) {\n closeBtn193.addEventListener('click', closeLightbox193);\n }\n\n lightbox193.addEventListener('click', (e) =\u003e {\n if (e.target === lightbox193) {\n closeLightbox193();\n }\n });\n });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v197-wrapper\" data-ajax-instance\u003e\n \n \u003cdiv class=\"ajx-v197-header\"\u003e\n \u003ch2 class=\"ajx-v197-main-title\"\u003eCài đặt và thiết lập dễ dàng, không rắc rối\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v197-tabs-grid\"\u003e\n \u003cdiv class=\"ajx-v197-tab-btn active\" data-tab-target=\"1\"\u003e\n \u003ch3\u003eBổ sung vào hệ thống\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ajx-v197-tab-btn\" data-tab-target=\"2\"\u003e\n \u003ch3\u003eLắp đặt\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ajx-v197-tab-btn\" data-tab-target=\"3\"\u003e\n \u003ch3\u003eCài đặt\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ajx-v197-tab-btn\" data-tab-target=\"4\"\u003e\n \u003ch3\u003eGiám sát\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v197-content-area\"\u003e\n \n \u003cdiv class=\"ajx-v197-media-item active\" data-tab-content=\"1\"\u003e\n \u003cul class=\"ajx-v197-list\"\u003e\n \u003cli\u003eThêm vào hệ thống thông qua mã QR — không cần plugin hay giao diện web.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv class=\"ajx-v197-media-wrap\"\u003e\n \u003cvideo class=\"ajx-zoomable-media\" autoplay muted loop playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/35ceb476dd5e496bbfc69df9e8ba53b9.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v197-media-item\" data-tab-content=\"2\"\u003e\n \u003cul class=\"ajx-v197-list\"\u003e\n \u003cli\u003eLắp đặt nhanh chóng với hộp nối dây được bao gồm trong bộ sản phẩm hoàn chỉnh.\u003c\/li\u003e\n \u003cli\u003eTháo lắp tối thiểu giúp thiết lập nhanh chóng.\u003c\/li\u003e\n \u003cli\u003eNgõ vào\/ra âm thanh và báo động để kết nối với các thiết bị của bên thứ ba.\u003c\/li\u003e\n \u003cli\u003eBộ sản phẩm đầy đủ với tất cả các loại ốc vít cần thiết.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv class=\"ajx-v197-media-wrap\"\u003e\n \u003cimg class=\"ajx-zoomable-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_8_17281a3c-c9e4-461b-b55f-f8e8b2aeb6a2.avif?v=1777013943\" alt=\"Lắp đặt Camera\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v197-media-item\" data-tab-content=\"3\"\u003e\n \u003cul class=\"ajx-v197-list\"\u003e\n \u003cli\u003eCấu hình và kiểm thử ứng dụng Ajax — không cần lập trình.\u003c\/li\u003e\n \u003cli\u003eHỗ trợ xác thực ONVIF và RTSP.\u003c\/li\u003e\n \u003cli\u003eCác vùng phát hiện chuyển động có thể điều chỉnh thông qua ứng dụng Ajax.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv class=\"ajx-v197-media-wrap\"\u003e\n \u003cvideo class=\"ajx-zoomable-media\" autoplay muted loop playsinline\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/41542b88d5304235924ad99e9d1bdd07.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ajx-v197-media-item\" data-tab-content=\"4\"\u003e\n \u003cul class=\"ajx-v197-list\"\u003e\n \u003cli\u003eĐiều khiển và cấu hình từ xa thông qua ứng dụng Ajax.\u003c\/li\u003e\n \u003cli\u003eGiám sát tình trạng hệ thống theo thời gian thực với chức năng kiểm tra trạng thái tự động.\u003c\/li\u003e\n \u003cli\u003eMàn hình video ghép tùy chỉnh để giám sát thời gian thực.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv class=\"ajx-v197-media-wrap\"\u003e\n \u003cimg class=\"ajx-zoomable-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_35_08b312b7-2002-459e-af35-8c189b8d58d3.avif?v=1777013933\" alt=\"Giám sát Camera\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"ajx-v197-lightbox\" class=\"ajx-v197-lightbox\"\u003e\n \u003cspan class=\"ajx-v197-lightbox-close\"\u003e×\u003c\/span\u003e\n \u003cdiv class=\"ajx-v197-lightbox-content\"\u003e\n \u003cimg id=\"ajx-v197-lightbox-img\" src=\"\" alt=\"Zoomed View\" style=\"display:none;\"\u003e\n \u003cvideo id=\"ajx-v197-lightbox-video\" src=\"\" autoplay loop muted playsinline style=\"display:none;\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* --- CSS RESET --- *\/\n .ajx-v197-wrapper, .ajx-v197-wrapper * {\n font-family: inherit !important; \n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: normal !important;\n }\n\n \/* --- BỐ CỤC CHÍNH --- *\/\n .ajx-v197-wrapper {\n width: 100% !important;\n max-width: 1050px !important;\n margin: 0 auto !important;\n padding: 40px 15px !important;\n animation: ajxFadeInUpV197 0.8s ease-out forwards;\n color: #ffffff !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n }\n\n .ajx-v197-header {\n width: 100% !important;\n max-width: 900px !important;\n margin-bottom: 40px !important;\n }\n\n .ajx-v197-main-title {\n font-size: clamp(26px, 4vw, 42px) !important;\n font-weight: 900 !important;\n text-align: left !important;\n color: #ffffff !important;\n border: none !important;\n line-height: 1.3 !important;\n }\n\n \/* --- PHẦN TRÊN: LƯỚI TABS 2 CỘT --- *\/\n .ajx-v197-tabs-grid {\n width: 100% !important;\n max-width: 900px !important;\n display: grid !important;\n grid-template-columns: repeat(2, 1fr) !important;\n row-gap: 20px !important;\n column-gap: 40px !important;\n margin-bottom: 50px !important;\n }\n\n .ajx-v197-tab-btn {\n border-left: 3px solid rgba(255,255,255,0.1) !important; \n padding: 12px 0 12px 20px !important;\n cursor: pointer !important;\n opacity: 0.4 !important; \n transition: all 0.3s ease !important;\n -webkit-tap-highlight-color: transparent !important;\n }\n\n .ajx-v197-tab-btn:hover {\n opacity: 0.8 !important;\n transform: translateX(5px) !important;\n }\n\n .ajx-v197-tab-btn.active {\n border-left-color: #00ff7f !important; \/* Line Xanh Ajax *\/\n opacity: 1 !important;\n transform: translateX(5px) !important;\n }\n\n .ajx-v197-tab-btn h3 {\n color: #ffffff !important;\n font-size: clamp(18px, 1.8vw, 22px) !important;\n font-weight: 700 !important;\n line-height: 1.4 !important;\n margin: 0 !important;\n transition: color 0.3s ease !important;\n text-align: left !important;\n }\n\n .ajx-v197-tab-btn.active h3 {\n color: #00ff7f !important;\n }\n\n \/* --- PHẦN DƯỚI: KHU VỰC NỘI DUNG CHÍNH --- *\/\n .ajx-v197-content-area {\n width: 100% !important;\n max-width: 900px !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n min-height: 400px !important; \/* Tránh giật trang khi chuyển tab *\/\n }\n\n .ajx-v197-media-item {\n display: none !important; \n width: 100% !important;\n flex-direction: column !important;\n gap: 30px !important; \/* Khoảng cách giữa Chữ và Ảnh *\/\n animation: ajxFadeInScale197 0.5s ease-out forwards !important;\n }\n\n .ajx-v197-media-item.active {\n display: flex !important; \n }\n\n \/* Danh sách Text có Dấu chấm xanh Ajax *\/\n .ajx-v197-list {\n list-style: none !important;\n padding-left: 0 !important;\n margin: 0 !important;\n }\n\n .ajx-v197-list li {\n font-size: 16px !important;\n color: #e0e0e0 !important;\n margin-bottom: 12px !important;\n position: relative !important;\n padding-left: 20px !important; \n line-height: 1.6 !important;\n display: block !important; \n background-image: none !important; \n }\n\n .ajx-v197-list li::marker { display: none !important; }\n\n .ajx-v197-list li::before {\n content: \"\" !important;\n position: absolute !important;\n left: 0 !important;\n top: 7px !important;\n width: 6px !important;\n height: 6px !important;\n background-color: #00ff7f !important; \/* Điểm nhấn xanh Ajax *\/\n border-radius: 50% !important;\n }\n\n \/* Khung chứa Hình Ảnh \/ Video ở dưới cùng *\/\n .ajx-v197-media-wrap {\n width: 100% !important;\n background-color: #000000 !important;\n border-radius: 20px !important;\n overflow: hidden !important;\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n }\n\n .ajx-zoomable-media {\n width: 100% !important;\n height: auto !important;\n max-height: 500px !important; \/* Ảnh to, rõ ràng *\/\n object-fit: contain !important;\n display: block !important;\n border-radius: 20px !important;\n border: 2px solid transparent !important;\n cursor: zoom-in !important;\n pointer-events: auto !important;\n transition: transform 0.4s ease, border-color 0.3s ease !important;\n }\n\n .ajx-zoomable-media:hover {\n transform: scale(1.02) !important;\n border-color: #00ff7f !important; \/* Viền xanh khi hover *\/\n box-shadow: 0 10px 30px rgba(0, 255, 127, 0.15) !important;\n }\n\n \/* --- LIGHTBOX (CHUNG CHO CLICK ĐÚP) --- *\/\n .ajx-v197-lightbox {\n display: none; \n position: fixed !important;\n z-index: 999999 !important;\n left: 0 !important; \n top: 0 !important;\n width: 100% !important; \n height: 100% !important;\n background-color: rgba(0, 0, 0, 0.95) !important;\n align-items: center !important; \n justify-content: center !important;\n cursor: zoom-out !important;\n backdrop-filter: blur(8px) !important;\n }\n \n .ajx-v197-lightbox-content {\n width: 90% !important;\n height: 90% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n }\n\n .ajx-v197-lightbox img, .ajx-v197-lightbox video {\n max-width: 100% !important; \n max-height: 100% !important;\n border-radius: 16px !important;\n box-shadow: 0 0 40px rgba(0, 255, 127, 0.2) !important;\n animation: ajxZoomIn197 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n }\n \n .ajx-v197-lightbox-close {\n position: absolute !important; \n top: 20px !important; \n right: 30px !important;\n color: #ffffff !important; \n font-size: 45px !important; \n font-weight: 300 !important;\n cursor: pointer !important;\n transition: color 0.2s ease !important;\n z-index: 1000000 !important;\n }\n\n .ajx-v197-lightbox-close:hover { color: #00ff7f !important; }\n\n \/* Animations *\/\n @keyframes ajxFadeInScale197 { \n from { opacity: 0; transform: translateY(15px); } \n to { opacity: 1; transform: translateY(0); } \n }\n @keyframes ajxZoomIn197 { \n from { transform: scale(0.8); opacity: 0; } \n to { transform: scale(1); opacity: 1; } \n }\n @keyframes ajxFadeInUpV197 {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* --- MOBILE RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .ajx-v197-main-title { font-size: 24px !important; margin-bottom: 30px !important; }\n \n \/* Gộp lưới Tabs thành 1 cột dọc trên Mobile *\/\n .ajx-v197-tabs-grid {\n grid-template-columns: 1fr !important;\n gap: 15px !important;\n margin-bottom: 40px !important;\n }\n\n .ajx-v197-tab-btn { padding: 10px 0 10px 15px !important; }\n .ajx-v197-tab-btn h3 { font-size: 18px !important; }\n .ajx-v197-lightbox-close { top: 10px !important; right: 20px !important; font-size: 35px !important; }\n }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n \n \/\/ --- 1. LOGIC CHUYỂN TABS ---\n const tabWrappers = document.querySelectorAll('.ajx-v197-wrapper[data-ajax-instance]:not([data-ready])');\n \n tabWrappers.forEach(container =\u003e {\n const btns = container.querySelectorAll('.ajx-v197-tab-btn');\n const contents = container.querySelectorAll('.ajx-v197-media-item');\n\n btns.forEach(btn =\u003e {\n btn.addEventListener('click', function() {\n const target = this.getAttribute('data-tab-target');\n\n \/\/ Reset\n btns.forEach(b =\u003e b.classList.remove('active'));\n contents.forEach(c =\u003e c.classList.remove('active'));\n\n \/\/ Active\n this.classList.add('active');\n const targetContent = container.querySelector(`.ajx-v197-media-item[data-tab-content=\"${target}\"]`);\n if (targetContent) targetContent.classList.add('active');\n });\n });\n\n container.setAttribute('data-ready', 'true');\n });\n\n \/\/ --- 2. LOGIC ZOOM BẰNG DOUBLE CLICK ---\n const lightbox197 = document.getElementById('ajx-v197-lightbox');\n const lightboxImg197 = document.getElementById('ajx-v197-lightbox-img');\n const lightboxVideo197 = document.getElementById('ajx-v197-lightbox-video');\n const zoomableMedia = document.querySelectorAll('.ajx-zoomable-media');\n const closeBtn197 = document.querySelector('.ajx-v197-lightbox-close');\n\n zoomableMedia.forEach(media =\u003e {\n media.addEventListener('dblclick', (e) =\u003e {\n e.stopPropagation();\n \n \/\/ Reset hiển thị\n lightboxImg197.style.display = 'none';\n lightboxVideo197.style.display = 'none';\n lightboxImg197.src = '';\n lightboxVideo197.src = '';\n\n \/\/ Phân loại Ảnh hay Video\n if (media.tagName.toLowerCase() === 'video') {\n lightboxVideo197.src = media.querySelector('source').src;\n lightboxVideo197.style.display = 'block';\n } else {\n lightboxImg197.src = media.src;\n lightboxImg197.style.display = 'block';\n }\n\n lightbox197.style.display = 'flex'; \n document.body.style.overflow = 'hidden'; \n });\n });\n\n const closeLightbox197 = () =\u003e {\n lightbox197.style.display = 'none';\n document.body.style.overflow = 'auto'; \n lightboxImg197.src = ''; \n lightboxVideo197.src = ''; \n };\n\n if(closeBtn197) {\n closeBtn197.addEventListener('click', closeLightbox197);\n }\n\n lightbox197.addEventListener('click', (e) =\u003e {\n if (e.target === lightbox197 || e.target.classList.contains('ajx-v197-lightbox-content')) {\n closeLightbox197();\n }\n });\n\n });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v201-wrapper\"\u003e\n \n \u003cdiv class=\"ajx-v201-footer-card\"\u003e\n \n \u003cdiv class=\"ajx-v201-footnote\"\u003e\n \u003ch4\u003eChú thích\u003c\/h4\u003e\n \u003cp\u003e\u003csup class=\"ajx-green-sup\"\u003e(1)\u003c\/sup\u003e Hiện tại, tính năng tích hợp chỉ hỗ trợ một phần các chức năng của Profile T và Profile M. Vui lòng \u003ca href=\"https:\/\/ajax-systems.translate.goog\/blog\/video-devices-support-onvif\/?_x_tr_sl=en\u0026amp;_x_tr_tl=vi\u0026amp;_x_tr_hl=vi\u0026amp;_x_tr_pto=wapp\" target=\"_blank\" class=\"ajx-v201-inline-link\"\u003eđọc bài viết\u003c\/a\u003e để biết thêm thông tin về thiết bị video Ajax và ủy quyền ONVIF.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ajx-v201-specs\"\u003e\n \u003ch4\u003eThông số kỹ thuật\u003c\/h4\u003e\n \u003ca href=\"https:\/\/drive.google.com\/file\/d\/1x2kPjW-XxtZTCrU3_2ZWLO6EZTHWTj4e\/view?usp=drive_link\" target=\"_blank\" class=\"ajx-v201-doc-link\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cline x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\u003e\u003c\/line\u003e\n \u003cpolyline points=\"10 9 9 9 8 9\"\u003e\u003c\/polyline\u003e\n \u003c\/svg\u003e\n Thông số kỹ thuật của sản phẩm Ajax Superior TurretCam HLVF (4 Mp\/ 8 Mp)\n \u003c\/a\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* --- CSS RESET --- *\/\n .ajx-v201-wrapper, .ajx-v201-wrapper * {\n font-family: inherit !important; \n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: normal !important;\n }\n\n \/* --- BỐ CỤC CHÍNH --- *\/\n .ajx-v201-wrapper {\n width: 100% !important;\n max-width: 950px !important;\n margin: 0 auto !important;\n padding: 20px 15px !important;\n animation: ajxFadeInUpV201 0.8s ease-out forwards;\n }\n\n \/* --- CARD CHỨA NỘI DUNG (NỀN TRONG SUỐT) --- *\/\n .ajx-v201-footer-card {\n background-color: transparent !important; \n padding: 20px 10px !important; \n display: flex !important;\n flex-direction: column !important;\n border: none !important; \n box-shadow: none !important; \n }\n\n \/* --- TIÊU ĐỀ CHUNG TỪNG PHẦN --- *\/\n .ajx-v201-footer-card h4 {\n color: #ffffff !important;\n font-size: 16px !important;\n font-weight: 700 !important;\n margin-bottom: 12px !important;\n text-transform: uppercase !important; \n letter-spacing: 0.5px !important;\n }\n\n \/* --- KHU VỰC CHÚ THÍCH --- *\/\n .ajx-v201-footnote {\n display: flex !important;\n flex-direction: column !important;\n margin-bottom: 30px !important; \/* Xuống đúng 1 dòng thoáng đãng *\/\n }\n\n .ajx-v201-footnote p {\n color: #a1a1aa !important; \n font-size: 15px !important;\n line-height: 1.6 !important;\n margin: 0 !important;\n }\n\n .ajx-green-sup {\n color: #00ff7f !important;\n font-weight: bold !important;\n font-size: 12px !important;\n margin-right: 4px !important;\n }\n\n \/* Link gạch chân trong đoạn văn *\/\n .ajx-v201-inline-link {\n color: #ffffff !important; \/* Chữ trắng nổi bật *\/\n text-decoration: underline !important;\n text-underline-offset: 3px !important;\n transition: color 0.3s ease, text-decoration-color 0.3s ease !important;\n }\n\n .ajx-v201-inline-link:hover {\n color: #00ff7f !important; \/* Đổi màu xanh Ajax khi hover *\/\n text-decoration-color: #00ff7f !important;\n }\n\n \/* --- KHU VỰC THÔNG SỐ KỸ THUẬT --- *\/\n .ajx-v201-specs {\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important;\n }\n\n .ajx-v201-doc-link {\n display: inline-flex !important;\n align-items: center !important;\n gap: 12px !important;\n color: #e0e0e0 !important; \n font-size: 15px !important;\n font-weight: 500 !important;\n text-decoration: none !important;\n transition: all 0.3s ease !important;\n line-height: 1.5 !important;\n }\n\n .ajx-v201-doc-link svg {\n flex-shrink: 0 !important;\n stroke: #e0e0e0 !important;\n transition: all 0.3s ease !important;\n }\n\n .ajx-v201-doc-link:hover {\n color: #00ff7f !important; \n }\n\n .ajx-v201-doc-link:hover svg {\n stroke: #00ff7f !important;\n transform: translateY(-2px) !important; \n }\n\n @keyframes ajxFadeInUpV201 {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* --- MOBILE RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .ajx-v201-footer-card {\n padding: 10px 0 !important;\n }\n \n .ajx-v201-doc-link {\n align-items: flex-start !important; \n }\n \n .ajx-v201-doc-link svg {\n margin-top: 2px !important;\n }\n }\n\u003c\/style\u003e\n","brand":"AJAX SYSTEMS","offers":[{"title":"4 Mp \/ Black","offer_id":52268393267481,"sku":null,"price":0.0,"currency_code":"VND","in_stock":true},{"title":"4 Mp \/ White","offer_id":52268393300249,"sku":null,"price":0.0,"currency_code":"VND","in_stock":true},{"title":"8 MP \/ Black","offer_id":52268393333017,"sku":null,"price":0.0,"currency_code":"VND","in_stock":true},{"title":"8 MP \/ White","offer_id":52268393365785,"sku":null,"price":0.0,"currency_code":"VND","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/ajax-superior-turretcam-hlvf-4-mp-8-mp-white3.png?v=1776752877","url":"https:\/\/guard.vn\/en\/products\/ajax-superior-turretcam-hlvf-4-mp-8-mp","provider":"Guard.vn","version":"1.0","type":"link"}