🔄
Пропустить контент
Дом
Продукция
Аудио серия
Беспроводные наушники
Игровые наушники
TWS наушники
Наушники
Bluetooth-колонка
Наушники с костной проводимостью
Наушники с оголовьем
Настольные и игровые колонки
Записывающие микрофоны
Игровые аксессуары
H.KRAKEN
Игровые наушники
FUXI Наушники
Наушники H2000
Игровые клавиатуры
Игровые мыши
Игровые кресла
Игровой микрофон
Игровой корпус
Игровые коврики для мыши
Охлаждающие подставки
Охлаждающие аксессуары
Мобильные аксессуары
Зарядные устройства
Силовой банк
Зарядные кабели
Беспроводные зарядные устройства
Держатели для телефонов
Моноподы для селфи
USB-C концентраторы
Автомобильные аксессуары
Smart Life
Умные часы
Умные проекторы
Массажные устройства
Устройства для здоровья
Гаджеты для образа жизни
Веб-камеры
Настольные аксессуары
Малые бытовые приборы
Стать дистрибьюторами
Поддерживать
Загрузка драйвера
Скачания руководства
Каталог загрузки
Часто задаваемые вопросы
Помогая Центр
Компания
О нас
Esport
Пресс-центр
HAVIT Аудио Центр
Новости компании
Выставки
Меню
Закрывать
Дом
Продукция
Продукция
Аудио серия
Аудио серия
Беспроводные наушники
Игровые наушники
TWS наушники
Наушники
Bluetooth-колонка
Наушники с костной проводимостью
Наушники с оголовьем
Настольные и игровые колонки
Записывающие микрофоны
Игровые аксессуары
Игровые аксессуары
H.KRAKEN
Игровые наушники
FUXI Наушники
Наушники H2000
Игровые клавиатуры
Игровые мыши
Игровые кресла
Игровой микрофон
Игровой корпус
Игровые коврики для мыши
Охлаждающие подставки
Охлаждающие аксессуары
Мобильные аксессуары
Мобильные аксессуары
Зарядные устройства
Силовой банк
Зарядные кабели
Беспроводные зарядные устройства
Держатели для телефонов
Моноподы для селфи
USB-C концентраторы
Автомобильные аксессуары
Smart Life
Smart Life
Умные часы
Умные проекторы
Массажные устройства
Устройства для здоровья
Гаджеты для образа жизни
Веб-камеры
Настольные аксессуары
Малые бытовые приборы
Стать дистрибьюторами
Поддерживать
Поддерживать
Загрузка драйвера
Скачания руководства
Каталог загрузки
Часто задаваемые вопросы
Помогая Центр
Компания
Компания
О нас
Esport
Пресс-центр
Пресс-центр
HAVIT Аудио Центр
Новости компании
Выставки
O Melhor Kit Mobilador Gamer !!! Teclado kb871l e mouse ms1026！
июль %E, 23
</div> <div class="article--share-buttons article--share-buttons-bottom"> <aside class="share-buttons" aria-label="Делиться:"> <span class="share-buttons--title"> Делиться: </span> <div class="share-buttons--list"> <a class="share-buttons--button share-buttons--facebook" target="_blank" href="//www.facebook.com/sharer.php?u=https://havitsmart.com/ru/blogs/%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE/o-luchshiy-kit-mobilator-gamer-teclado-kb871l-e-mouse-ms1026"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M16.913 13.919h-2.17v7.907h-3.215V13.92H10v-2.794h1.528V9.316c0-1.294.601-3.316 3.245-3.316l2.38.01V8.72h-1.728c-.282 0-.68.145-.68.762v1.642h2.449l-.281 2.794z"/> </svg> <span class="visually-hidden">Поделиться на Facebook</span> </a> <a class="share-buttons--button share-buttons--twitter" target="_blank" href="//twitter.com/share?url=https://havitsmart.com/ru/blogs/%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE/o-luchshiy-kit-mobilator-gamer-teclado-kb871l-e-mouse-ms1026"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M21.343 8.124l-5.217 5.85 6.145 7.9h-4.33l-3.768-4.56-4.304 4.56H6.657l5.57-6.248-5.88-7.503h4.382l3.35 4.069 3.822-4.069h3.441zm-2.578 12.465h2.398L10.07 9.409H7.544l11.22 11.18z"/> </svg> <span class="visually-hidden">Твитнуть в Твиттере</span> </a> <a class="share-buttons--button share-buttons--linkedin" target="_blank" href="//www.linkedin.com/shareArticle?mini=true&url=https://havitsmart.com/ru/blogs/%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE/o-luchshiy-kit-mobilator-gamer-teclado-kb871l-e-mouse-ms1026&title=O%20Melhor%20Kit%20Mobilador%20Gamer%20!!!%20Teclado%20kb871l%20e%20mouse%20ms1026%EF%BC%81"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="26" height="28" viewBox="-12 -10 50 50" > <path fill="currentColor" fill-rule="evenodd" d="M9.7 9.8h4.8v2.5c.7-1.4 2.5-2.8 5.1-2.8 5.2 0 6.4 3 6.4 8.4V28h-5.2v-8.8c0-3.1-.7-4.9-2.5-4.9-2.4 0-3.4 1.9-3.4 4.9V28H9.7V9.8zm-9 18H6V9.5H.7v18.3zm6-24.2c0 2-1.5 3.5-3.4 3.5C1.5 7.1 0 5.5 0 3.6 0 1.6 1.5 0 3.3 0c1.9 0 3.4 1.6 3.4 3.6z" clip-rule="evenodd"/> </svg> <span class="visually-hidden">Поделиться на LinkedIn</span> </a> <a class="share-buttons--button share-buttons--pinterest" target="_blank" href="//pinterest.com/pin/create/button/?url=https://havitsmart.com/ru/blogs/%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B5%25D0%25BE/o-luchshiy-kit-mobilator-gamer-teclado-kb871l-e-mouse-ms1026&media=//havitsmart.com/cdn/shop/articles/o-melhor-kit-mobilador-gamer-teclado-kb871l-e-mouse-ms1026-753050_1024x.png?v=1749802048&description=O%20Melhor%20Kit%20Mobilador%20Gamer%20!!!%20Teclado%20kb871l%20e%20mouse%20ms1026%EF%BC%81"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M13.914 6a7.913 7.913 0 0 0-2.885 15.281c-.07-.626-.132-1.586.028-2.27.144-.618.928-3.933.928-3.933s-.238-.475-.238-1.175c0-1.098.64-1.922 1.433-1.922.675 0 1 .507 1 1.115 0 .68-.43 1.694-.654 2.634-.188.789.395 1.43 1.172 1.43 1.405 0 2.487-1.482 2.487-3.622 0-1.894-1.361-3.219-3.306-3.219-2.251 0-3.571 1.689-3.571 3.434 0 .68.26 1.409.587 1.805.065.08.074.149.056.228-.06.25-.194.787-.22.897-.035.144-.114.176-.266.106-.987-.46-1.606-1.905-1.606-3.066 0-2.497 1.814-4.787 5.23-4.787 2.744 0 4.878 1.955 4.878 4.57 0 2.726-1.72 4.922-4.108 4.922-.801 0-1.555-.418-1.813-.91l-.495 1.88c-.178.688-.66 1.55-.983 2.075a7.914 7.914 0 0 0 10.258-7.56 7.914 7.914 0 0 0-7.913-7.912V6z"/> </svg> <span class="visually-hidden">Пынать на Pinterest</span> </a> </div> </aside> </div> <div class="article--pagination"> <div class="article--pagination-item-left"> <a href="/ru/blogs/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE/%D0%BA%D0%B0%D1%81%D1%82%D0%BE%D0%BC%D0%BD%D0%B0%D1%8F-%D0%BA%D0%BB%D0%B0%D0%B2%D0%B8%D0%B0%D1%82%D1%83%D1%80%D0%B0-%D0%BD%D0%B0%D1%81%D0%BB%D0%B0%D0%B6%D0%B4%D0%B0%D0%B9%D1%82%D0%B5%D1%81%D1%8C-%D1%81%D0%B2%D0%BE%D0%B5%D0%B9-%D0%B8%D0%B3%D1%80%D0%BE%D0%B2%D0%BE%D0%B9-%D0%B6%D0%B8%D0%B7%D0%BD%D1%8C%D1%8E"> <span class="article--pagination-chevron-left" aria-hidden="true"> <svg aria-hidden="true" focusable="false" role="presentation" width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg" > <path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> </svg> </span> <span class="article--pagination-text"> Предыдущая статья <span class="article--pagination-title"> Пользовательская клавиатура | Наслаждайтесь игровой жизнью </span> </span> </a> </div> <div class="article--pagination-item-right"> <a href="/ru/blogs/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE/havit-h655bt-%D1%83%D1%81%D0%BB%D1%8B%D1%88%D0%B8%D1%82%D0%B5-%D1%81%D0%B8%D0%BB%D1%83-%D0%B7%D0%B2%D1%83%D0%BA%D0%B0"> <span class="article--pagination-text"> Следующая статья <span class="article--pagination-title"> Havit | H655BT Слушайте силу звука </span> </span> <span class="article--pagination-chevron-right" aria-hidden="true"> <svg aria-hidden="true" focusable="false" role="presentation" width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg" > <path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> </svg> </span> </a> </div> </div> </main> <!-- 侧栏，仅PC端 --> <aside class="pf-article-main-sidebar" id="sidebar"> <div class="pf-article-sidebar-inner" id="sidebarInner"> <div class="pf-article-sidebar-scroll" tabindex="0"> <div class="sidebar-card sidebar-toc-card"> <h3 class="sidebar-card-title">Quick Navigation</h3> <nav class="toc-list" id="tocList"></nav> </div> <div class="sidebar-card sidebar-cta-section"> <h3 class="sidebar-cta-title">Стать дистрибьютором</h3> <p class="sidebar-cta-text">Присоединяйтесь к нашей сети глобальных дистрибьюторов и развивайте свой бизнес с помощью инновационных продуктов Havit.</p> <a href="/ru/pages/%D1%81%D1%82%D0%B0%D1%82%D1%8C-%D0%B4%D0%B8%D1%81%D1%82%D1%80%D0%B8%D0%B1%D1%8C%D1%8E%D1%82%D0%BE%D1%80%D0%B0%D0%BC%D0%B8" class="sidebar-cta-button"> Применить сейчас </a> </div> <div class="sidebar-card sidebar-recent-posts"> <h3 class="sidebar-heading">Recent Posts</h3> <ul class="recent-posts-list"> <li class="recent-post-item"> <a href="/ru/blogs/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE/2024-bgs-%D0%B1%D1%80%D0%B0%D0%B7%D0%B8%D0%BB-%D0%B3%D0%B5%D0%B9%D0%BC-%D1%88%D0%BE%D1%83-%D0%BF%D1%80%D0%B8%D0%BD%D0%B5%D1%81%D1%82%D0%B8-%D0%BD%D0%BE%D0%B2%D0%B5%D0%B9%D1%88%D0%B8%D0%B5-%D0%B8%D0%B3%D1%80%D0%BE%D0%B2%D1%8B%D0%B5-%D0%BF%D1%80%D0%BE%D0%B4%D1%83%D0%BA%D1%82%D1%8B" class="recent-post-link"> <div class="recent-post-thumbnail"> <img src="//havitsmart.com/cdn/shop/articles/2024-bgs-brasil-game-showbring-the-latest-gaming-products-364003_100x100_crop_center.jpg?v=1749802216" alt="2024 BGS (Game Show Brasil) - принесите последние игровые продукты！" loading="lazy" > </div> <div class="recent-post-details"> <span class="recent-post-title">2024 BGS (Game Show Brasil) - принесите последние игровые продукты！</span> <span class="recent-post-date"> октябрь %E, 24 </span> </div> </a> </li> <li class="recent-post-item"> <a href="/ru/blogs/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE/2024-%D0%B3%D0%BB%D0%BE%D0%B1%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5-%D0%B8%D1%81%D1%82%D0%BE%D1%87%D0%BD%D0%B8%D0%BA%D0%B8-%D0%B2%D1%8B%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0-%D0%BF%D0%BE%D1%82%D1%80%D0%B5%D0%B1%D0%B8%D1%82%D0%B5%D0%BB%D1%8C%D1%81%D0%BA%D0%BE%D0%B9-%D1%8D%D0%BB%D0%B5%D0%BA%D1%82%D1%80%D0%BE%D0%BD%D0%B8%D0%BA%D0%B8-%D0%BE%D0%BF%D1%8B%D1%82-%D0%BF%D0%BE%D0%B3%D1%80%D1%83%D0%B6%D0%B0%D1%8E%D1%89%D0%B5%D0%B3%D0%BE-%D1%81%D0%BB%D1%83%D1%88%D0%B0%D0%BD%D0%B8%D1%8F-%D0%B8%D0%B7-%D0%BF%D0%B5%D1%80%D0%B2%D1%8B%D0%BC%D0%B8-%D1%80%D1%83%D0%BA%D0%B0%D0%BC%D0%B8" class="recent-post-link"> <div class="recent-post-thumbnail"> <img src="//havitsmart.com/cdn/shop/articles/2024-global-sources-consumer-electronics-showexperience-immersive-listening-firsthand-253549_100x100_crop_center.jpg?v=1749802213" alt="2024 Глобальные источники потребительские электроники показывают - - Опытный иммерсивный прослушивание из первых рук" loading="lazy" > </div> <div class="recent-post-details"> <span class="recent-post-title">2024 Глобальные источники потребительские электроники показывают - - Опытный иммерсивный прослушивание из первых рук</span> <span class="recent-post-date"> октябрь %E, 24 </span> </div> </a> </li> <li class="recent-post-item"> <a href="/ru/blogs/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE/2024-%D0%BA%D0%B0%D0%BD%D1%82%D0%BE%D0%BD%D1%81%D0%BA%D0%B0%D1%8F-%D1%8F%D1%80%D0%BC%D0%B0%D1%80%D0%BA%D0%B0-%D0%BF%D1%80%D0%B8%D0%B3%D0%BB%D0%B0%D1%88%D0%B0%D0%B5%D1%82-%D0%B2%D0%B0%D1%81-%D0%B8%D1%81%D1%81%D0%BB%D0%B5%D0%B4%D0%BE%D0%B2%D0%B0%D1%82%D1%8C-%D0%BE%D0%BF%D1%8B%D1%82-%D0%B8-%D0%BD%D0%B0%D1%81%D0%BB%D0%B0%D0%B6%D0%B4%D0%B0%D1%82%D1%8C%D1%81%D1%8F-%D0%B1%D1%83%D0%B4%D1%83%D1%89%D0%B8%D0%BC-%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9" class="recent-post-link"> <div class="recent-post-thumbnail"> <img src="//havitsmart.com/cdn/shop/articles/2024-canton-fairwelcome-you-to-explore-experience-and-enjoy-the-future-of-technology-885130_100x100_crop_center.jpg?v=1749802211" alt="2024 Canton Fair - - приведите вас, чтобы исследовать, испытать и наслаждаться будущим технологий!" loading="lazy" > </div> <div class="recent-post-details"> <span class="recent-post-title">2024 Canton Fair - - приведите вас, чтобы исследовать, испытать и наслаждаться будущим технологий!</span> <span class="recent-post-date"> октябрь %E, 24 </span> </div> </a> </li> </ul> </div> </div> </div> </aside> </div> </section> <style> /* 顶部进度条PC端可见 */ #pf-progress-bar { position: fixed; /* 关键修改：从 top: 0 改为 top: 70px，使其显示在70px高的Header下方 */ top: 70px; left: 0; width: 0; height: 4px; background: linear-gradient(to right, #F9D423, #FF9A8B, #ff7e5f, #da3a2a); z-index: 9999; transition: width 0.2s cubic-bezier(.4,0,.2,1); border-radius: 2px; pointer-events: none; display: block; } @media (max-width: 1100px) { #pf-progress-bar { display: none !important; } .pf-article-hero-section { display: none; } } body { background: #f7f7f8; margin: 0; padding: 0; } .pf-article-hero-section { width: 100%; max-width: 100%; overflow: hidden; background: #eee; margin: 0; transform: translateX(0); position: relative; z-index: 1; padding: 0; } .pf-article-hero-img-wrapper { width: 100%; max-width: 100%; margin: 0 auto; display: flex; justify-content: center; background: #eee; /* [Performance Patch] Reserve space for LCP image */ aspect-ratio: 2/1; min-height: 200px; position: relative; overflow: hidden; /* [UX Patch] Blur-up background for instant visual anchor */ background-image: url('//havitsmart.com/cdn/shop/articles/o-melhor-kit-mobilador-gamer-teclado-kb871l-e-mouse-ms1026-753050_50x.png?v=1749802048'); background-size: cover; background-position: center; } /* Skeleton Pulse Animation */ .pf-article-hero-img-wrapper::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #eeeeee 25%, #f5f5f5 50%, #eeeeee 75%); background-size: 200% 100%; animation: pf-skeleton-pulse 1.5s infinite; z-index: 0; } @keyframes pf-skeleton-pulse { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } .pf-article-hero-img { width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1; /* [UX Refinement] Force instant display, no flickering */ transition: none !important; opacity: 1 !important; visibility: visible !important; } .pf-article-main-section { max-width: 1440px; margin: 0 auto; padding: 48px 24px 0 24px; } .pf-article-main-layout { display: flex; gap: 48px; align-items: flex-start; max-width: 100%; overflow: hidden; } .pf-article-main-content { flex: 1 1 700px; min-width: 0; background: #fff; border-radius: 22px; box-shadow: 0 6px 32px rgba(40,60,100,0.10); padding: 48px 48px 40px 48px; margin-bottom: 40px; position: relative; } .article--title { font-size: 2.5rem; font-weight: bold; margin-bottom: 0.5rem; margin-top: 0; line-height: 1.18; color: #1d1d1f; } /* [Performance/UI Patch] Premium Typography & Spacing */ .article--content.rte { line-height: 1.65; font-size: 1.125rem; color: #333; } .article--content.rte p { margin-bottom: 1.5em; } .article--content.rte h2, .article--content.rte h3 { margin-top: 2em; margin-bottom: 0.8em; color: #1d1d1f; } /* Article Images CLS Placeholder */ .article--content.rte img { background: #f0f0f2; border-radius: 8px; max-width: 100%; height: auto; transition: opacity 0.3s ease; } .article--content.rte img:not([src]) { opacity: 0; } .article--meta { color: #8a8e99; font-size: 1.05rem; margin: 0 0 1.2rem 0; } .article--share-buttons-inline { margin: 0 0 1.5rem 0; padding: 0; background: none; border: 0; box-shadow: none; display: flex; align-items: center; gap: 14px; } .article--share-buttons-inline .share-buttons__title { display: none; } .article--share-buttons-inline .share-buttons { padding: 0; background: none; box-shadow: none; } .article--share-buttons-inline .share-buttons__list { display: flex; gap: 8px; } .article--share-buttons-inline .share-buttons__item { margin: 0; } .pf-article-main-sidebar { width: 340px; max-width: 340px; min-width: 240px; flex-shrink: 0; align-self: flex-start; position: relative; z-index: 2; } .pf-article-sidebar-inner { width: 100%; } .pf-article-sidebar-scroll { max-height: calc(100vh - 70px); overflow-y: auto; display: flex; flex-direction: column; gap: 20px; padding-bottom: 16px; } .sidebar-card { background: #fff; border-radius: 16px; /* [UI Patch] Glassmorphism subtle effect */ border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 4px 20px rgba(0,0,0,0.04); padding: 22px 16px 18px 16px; margin-bottom: 0; transition: transform 0.2s ease, box-shadow 0.2s ease; } .sidebar-card:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,0,0,0.08); } .sidebar-card-title { font-size: 20px; font-weight: 700; margin-bottom: 16px; color: #23262f; } /* 目录折叠美化 */ .toc-list ul, .toc-list li { list-style: none; margin: 0; padding: 0; } .toc-list > ul { padding-left: 0; } .toc-list li { margin-bottom: 0; } .toc-list .toc-level-2 { position: relative; margin: 0; padding: 0; cursor: pointer; } .toc-list .toc-level-2 > .toc-h2-row { display: flex; align-items: center; padding: 6px 0 6px 0; gap: 3px; transition: background 0.13s; border-radius: 5px; } .toc-list .toc-level-2 > .toc-h2-row:hover { background: #f3f3f5; } .toc-toggle-arrow { font-size: 1.1em; color: #b7b7b7; margin-right: 4px; transition: color 0.18s, transform 0.18s; cursor: pointer; flex-shrink: 0; user-select: none; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; } .toc-level-2.expanded > .toc-h2-row .toc-toggle-arrow { color: #da3a2a; transform: rotate(180deg); } .toc-level-2 > .toc-h2-row .toc-toggle-arrow:hover { color: #da3a2a; } .toc-list .toc-level-2 > .toc-h2-row > a { flex: 1; color: #23262f; font-weight: 600; font-size: 16px; text-decoration: none; padding: 0 2px; border: 0; background: none; line-height: 1.4; transition: color 0.16s; border-left: 2px solid transparent; padding-left: 0; cursor: pointer; } .toc-list .toc-level-2 > .toc-h2-row > a.active { color: #da3a2a; border-left: 2px solid #da3a2a; background: #fff5f1; } .toc-list .toc-level-3 { display: none; padding-left: 24px; font-size: 15px; } .toc-level-2.expanded > ul > .toc-level-3 { display: block; } .toc-list .toc-level-3 > a { color: #888; padding: 3px 0; display: block; text-decoration: none; border-left: 2px solid transparent; padding-left: 0; font-size: 15px; transition: color 0.16s; } .toc-list .toc-level-3 > a.active { color: #da3a2a; border-left: 2px solid #da3a2a; background: #fff5f1; } .sidebar-cta-section { text-align: center; } .sidebar-cta-image { max-width: 100%; height: auto; border-radius: 8px; margin-bottom: 15px; } .sidebar-cta-title { margin: 0 0 12px; font-size: 22px; color: #222; line-height: 1.3; } .sidebar-cta-text { margin: 0 0 20px; font-size: 0.97rem; color: #444; line-height: 1.5; } .sidebar-cta-button { display: inline-block; background-color: #ff4c4c; color: white; padding: 12px 24px; border-radius: 25px; font-weight: 500; text-decoration: none; transition: all 0.3s ease; border: none; font-size: 1rem; } .sidebar-cta-button:hover { background-color: #e83c3c; transform: translateY(-2px); } .recent-posts-list { list-style: none; padding: 0; margin: 0; } .recent-post-item { margin-bottom: 17px; display: flex; align-items: flex-start; } .recent-post-link { display: flex; gap: 10px; text-decoration: none; color: #21242d; align-items: flex-start; } .recent-post-link:hover { text-decoration: underline; } .recent-post-thumbnail img { width: 54px; height: 44px; object-fit: cover; border-radius: 8px; background: #f3f3f3; flex-shrink: 0; } .recent-post-title { font-size: 15px; font-weight: 500; color: #23262f; line-height: 1.32; margin-top: 3px; } .recent-post-date { font-size: 0.8em; color: #777; } @media (max-width: 1100px) { #pf-progress-bar { display: none !important; } .pf-article-main-layout { flex-direction: column; } .pf-article-main-content { margin-bottom: 0; padding: 16px; width: 100%; max-width: 100%; background: #fff; border-radius: 0; box-shadow: none; } .pf-article-main-sidebar, .pf-article-sidebar-inner { display: none; } .pf-article-hero-section { display: none; } .pf-article-main-section { padding: 0; } .sidebar-cta-section, .sidebar-recent-posts { display: block; width: 100%; padding: 16px; background: #fff; margin-top: 20px; border: none; box-shadow: none; border-radius: 0; } .sidebar-cta-button { display: block; width: 100%; text-align: center; } .recent-posts-list { margin-top: 10px; } } @media (max-width: 700px) { .pf-article-main-content { padding: 12px; overflow-x: hidden; word-break: break-word; } } @media (max-width: 480px) { .article--title { font-size: 1.8rem; } .sidebar-cta-title { font-size: 18px; } .sidebar-cta-text { font-size: 0.9rem; } } /* [UX Patch] Mobile Readability */ @media (max-width: 767px) { .pf-article-main-content { padding: 24px 20px !important; } .article--content.rte { font-size: 17px !important; line-height: 1.7 !important; } } </style> <script> document.addEventListener('DOMContentLoaded', function() { // ----------- PC端目录生成与折叠 ----------- function isPC() { return window.innerWidth > 1100; } let tocLinks = []; let headings = []; let rafId = null; function initTOC() { const content = document.getElementById('articleContent'); const tocList = document.getElementById('tocList'); if (!content || !tocList || !isPC()) { if(tocList) tocList.innerHTML = ''; return; } headings = Array.from(content.querySelectorAll('h2, h3')); headings.forEach((h, idx) => { if (!h.id) h.id = 'section-' + idx; }); const tocTree = []; let lastH2 = null; headings.forEach(h => { const text = h.textContent.trim(); const id = h.id; if (h.tagName.toLowerCase() === 'h2') { lastH2 = { text, id, children: [] }; tocTree.push(lastH2); } else if (h.tagName.toLowerCase() === 'h3' && lastH2) { lastH2.children.push({ text, id }); } }); function renderTOC(tree) { let html = '<ul>'; tree.forEach((item, idx) => { const hasChildren = item.children && item.children.length; html += `<li class="toc-level-2" data-idx="${idx}"> <div class="toc-h2-row"> ${hasChildren ? `<span class="toc-toggle-arrow" data-idx="${idx}" aria-label="Expand">▼</span>` : `<span class="toc-toggle-arrow" style="visibility:hidden">▼</span>` } <a href="#${item.id}">${item.text}</a> </div>`; if (hasChildren) { html += '<ul>'; item.children.forEach(child => { html += `<li class="toc-level-3"><a href="#${child.id}">${child.text}</a></li>`; }); html += '</ul>'; } html += '</li>'; }); html += '</ul>'; return html; } tocList.innerHTML = renderTOC(tocTree); // 默认全部收起 Array.from(tocList.querySelectorAll('.toc-level-2')).forEach(function(li){ li.classList.remove('expanded'); }); // 折叠/展开交互，点击h2行或箭头都可 tocList.addEventListener('click', tocClickHandler); // 高亮同步正文 tocLinks = tocList.querySelectorAll('a'); requestTocHighlight(); // 平滑滚动正文 tocLinks.forEach(link => { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.getElementById(this.hash.slice(1)); if (target) { window.scrollTo({ top: target.getBoundingClientRect().top + window.scrollY - 30, behavior: 'smooth' }); } }); }); } function tocClickHandler(e){ let h2row = e.target.closest('.toc-h2-row'); if(!h2row) return; const idx = h2row.parentElement.getAttribute('data-idx'); const li = h2row.parentElement; if(!li || !li.querySelector('.toc-level-3')) return; // 只有有子级的才可折叠 li.classList.toggle('expanded'); } // 高亮同步（requestAnimationFrame防抖，不卡） function requestTocHighlight() { if(rafId) cancelAnimationFrame(rafId); rafId = requestAnimationFrame(updateTocHighlight); } function updateTocHighlight() { if (!isPC() || !tocLinks || !headings || !headings.length) return; let activeId = null; for (let i = headings.length - 1; i >= 0; i--) { if (headings[i].getBoundingClientRect().top < 120) { activeId = headings[i].id; break; } } tocLinks.forEach(link => { if (link.hash === '#' + activeId) link.classList.add('active'); else link.classList.remove('active'); }); } // ----------- PC端滚动进度条 ----------- function updateProgressBar() { var bar = document.getElementById('pf-progress-bar'); if(!isPC()) { bar.style.width = "0"; return; } var docHeight = document.documentElement.scrollHeight - window.innerHeight; var scrolled = window.scrollY || window.pageYOffset; var percent = docHeight > 0 ? (scrolled / docHeight * 100) : 0; bar.style.width = percent + '%'; } // ----------- PC端Sidebar Pin ----------- function pinSidebar() { var sidebar = document.getElementById('sidebar'); var sidebarInner = document.getElementById('sidebarInner'); var mainSection = document.getElementById('mainSection'); var mainLayout = document.querySelector('.pf-article-main-layout'); if (!sidebar || !sidebarInner || !mainSection || !mainLayout || !isPC()) { if(sidebarInner) sidebarInner.style.position = 'static'; return; } // 关键：顶部底部都要检测，且margin和padding都要考虑 var sectionRect = mainSection.getBoundingClientRect(); var layoutRect = mainLayout.getBoundingClientRect(); var scrollY = window.scrollY || window.pageYOffset; var sectionTop = scrollY + sectionRect.top; var sectionBottom = scrollY + sectionRect.bottom; var sidebarHeight = sidebarInner.offsetHeight; var sidebarTopSpace = 48; var sidebarLeft = sidebar.getBoundingClientRect().left + window.scrollX; var maxTop = sectionBottom - sidebarHeight - sidebarTopSpace; if (scrollY + sidebarTopSpace < sectionTop) { // 在正文上方 sidebarInner.style.position = 'static'; sidebarInner.style.top = ''; sidebarInner.style.bottom = ''; sidebarInner.style.left = ''; sidebarInner.style.width = ''; } else if (scrollY + sidebarTopSpace >= sectionTop && scrollY + sidebarTopSpace < maxTop) { // 正常吸顶 sidebarInner.style.position = 'fixed'; sidebarInner.style.top = sidebarTopSpace + 'px'; sidebarInner.style.bottom = ''; sidebarInner.style.left = sidebarLeft + 'px'; sidebarInner.style.width = sidebar.offsetWidth + 'px'; } else { // 到正文底部 sidebarInner.style.position = 'absolute'; sidebarInner.style.top = ''; sidebarInner.style.bottom = '0'; sidebarInner.style.left = ''; sidebarInner.style.width = sidebar.offsetWidth + 'px'; } } // ----------- 响应式切换时重置 ----------- function onResize(){ updateProgressBar(); pinSidebar(); initTOC(); } // [CLS & Performance Patch] Handle Article Images function patchArticleImages() { const content = document.getElementById('articleContent'); if (!content) return; const images = content.querySelectorAll('img'); images.forEach(img => { if (!img.hasAttribute('loading')) { img.setAttribute('loading', 'lazy'); } // If image is missing dimensions, we can't perfectly fix CLS without knowing aspect ratio, // but we can ensure they dont "pop" in. if (!img.complete) { img.style.opacity = '0'; img.onload = () => { img.style.opacity = '1'; }; } }); } window.addEventListener('scroll', function(){ updateProgressBar(); pinSidebar(); requestTocHighlight(); }); window.addEventListener('resize', onResize); // 首次初始化 onResize(); patchArticleImages(); }); </script> </div> </main> <div id="shopify-section-static-footer" class="shopify-section"><style> /* 1. 层级修复 (Z-Index Fix) 设置为 1，既能压住背景，又不会挡住顶部下拉菜单。 */ #shopify-section-footer, .site-footer-wrapper, footer[role="contentinfo"] { position: relative !important; z-index: 1 !important; } /* ============================================================ 2. 视觉美化：颜色与交互 (稳重风：只变色，不移动) ============================================================ */ /* 默认状态：浅灰 #e0e0e0，清晰高级 */ .site-footer-block-content, .site-footer-block-content p, .site-footer-block-content a, .site-footer-block-item p, .site-footer-block-item a { color: #e0e0e0 !important; text-decoration: none !important; line-height: 1.8 !important; transition: color 0.2s ease-in-out; /* 快速丝滑的变色过渡 */ } /* 悬停状态：变品牌红，绝对无位移 */ .site-footer-block-content a:hover, .site-footer-block-item a:hover { color: #DA3A2A !important; padding-left: 0 !important; margin-left: 0 !important; text-decoration: none !important; } /* 修正 Contact Us 段落间距 */ .site-footer-block-item p, .site-footer-block-content p { margin-bottom: 12px !important; } /* ============================================================ 3. 智能网格布局 (6列 完美适配版) ============================================================ */ @media screen and (min-width: 750px) { .site-footer-blocks[class*="column-count-"] { display: grid !important; width: 100%; grid-template-columns: 1fr 1fr; /* 2 columns for tablet */ gap: 30px; } .site-footer-blocks[class*="column-count-"] > * { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; float: none !important; } /* [UX Patch] Force visibility on tablet to bypass accordion logic */ .site-footer-block-list, .site-footer-block-content { display: block !important; } .site-footer-block-title .accordion--icon { display: none !important; /* Hide chevron on tablet as it's not an accordion anymore */ } } @media screen and (min-width: 1024px) { .site-footer-blocks.column-count-6 { grid-template-columns: minmax(230px, 1.4fr) 1fr 1fr 1fr 1fr minmax(100px, 0.8fr); gap: 16px; } .site-footer-blocks.column-count-5 { grid-template-columns: minmax(230px, 1.4fr) 1fr 1fr 1fr 1fr; gap: 30px; } } </style> <script type="application/json" data-section-id="static-footer" data-section-type="static-footer"> </script> <footer role="contentinfo" aria-label="Footer"> <section class="site-footer-wrapper"> <div class="site-footer-item"> <div class="site-footer-blocks column-count-6"> <div class="site-footer-block-item site-footer-block-rich-text " > <h2 class="site-footer-block-title"> Свяжитесь с нами </h2> <div class="site-footer-block-content rte"> <p>Деловой Email: <a href="mailto:contact@havit.com.cn" title="mailto:contact@havit.com.cn">contact@havit.com.cn</a><br/>Почта поддержки: <a href="mailto:vip@prohavit.com" title="mailto:vip@prohavit.com">vip@prohavit.com</a><br/>Телефон: +86 020 6620298<br/>Рабочие часы: Пн - Пт (GMT+8)</p> </div> </div> <div class="site-footer-block-item site-footer-block-menu has-accordion" > <h2 class="site-footer-block-title" data-accordion-trigger> Продукция <span class="site-footer-block-icon accordion--icon"> <svg aria-hidden="true" focusable="false" role="presentation" width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg" > <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> </svg> </span> </h2> <div class="site-footer-block-content"> <ul class="navmenu navmenu-depth-1 " data-navmenu data-accordion-content > <li class="navmenu-item navmenu-id-audio-series" > <a class="navmenu-link " href="/ru/collections/%D0%B0%D1%83%D0%B4%D0%B8%D0%BE-%D1%81%D0%B5%D1%80%D0%B8%D0%B0%D0%BB%D1%8B" > Аудио серия </a> </li> <li class="navmenu-item navmenu-id-gaming-gears" > <a class="navmenu-link " href="/ru/collections/%D0%B8%D0%B3%D1%80%D0%BE%D0%B2%D1%8B%D0%B5-%D1%81%D0%B5%D1%80%D0%B8%D0%B8" > Игровые аксессуары </a> </li> <li class="navmenu-item navmenu-id-mobile-accessories" > <a class="navmenu-link " href="/ru/collections/%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5-%D0%B0%D0%BA%D1%81%D0%B5%D1%81%D1%81%D1%83%D0%B0%D1%80%D1%8B" > Мобильные аксессуары </a> </li> <li class="navmenu-item navmenu-id-smart-life" > <a class="navmenu-link " href="/ru/collections/%D1%83%D0%BC%D0%BD%D0%B0%D1%8F-%D0%B6%D0%B8%D0%B7%D0%BD%D1%8C" > Smart Life </a> </li> <li class="navmenu-item navmenu-id-small-home-appliances" > <a class="navmenu-link " href="/ru/collections/%D0%B1%D1%8B%D1%82%D0%BE%D0%B2%D0%B0%D1%8F-%D1%82%D0%B5%D1%85%D0%BD%D0%B8%D0%BA%D0%B0" > Мелкая Бытовая Техника </a> </li> </ul> </div> </div> <div class="site-footer-block-item site-footer-block-menu has-accordion" > <h2 class="site-footer-block-title" data-accordion-trigger> Компания <span class="site-footer-block-icon accordion--icon"> <svg aria-hidden="true" focusable="false" role="presentation" width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg" > <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> </svg> </span> </h2> <div class="site-footer-block-content"> <ul class="navmenu navmenu-depth-1 " data-navmenu data-accordion-content > <li class="navmenu-item navmenu-id-about-us" > <a class="navmenu-link " href="/ru/pages/%D0%BE-%D0%BD%D0%B0%D1%81" > О нас </a> </li> <li class="navmenu-item navmenu-id-visit-us" > <a class="navmenu-link " href="https://vr.3d66.com/vr/index_detail_4334987.asp" > Посетить нас </a> </li> <li class="navmenu-item navmenu-id-press" > <a class="navmenu-link " href="/ru/pages/%D0%BD%D0%B0%D0%B6%D0%B0%D1%82%D1%8C" > Нажмите </a> </li> <li class="navmenu-item navmenu-id-newsroom" > <a class="navmenu-link " href="/ru/blogs/%D0%BD%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%B8" > Отдел новостей </a> </li> <li class="navmenu-item navmenu-id-online-store" > <a class="navmenu-link " href="https://prohavit.com" > Интернет-магазин </a> </li> <li class="navmenu-item navmenu-id-become-a-distributor" > <a class="navmenu-link " href="/ru/pages/%D1%81%D1%82%D0%B0%D1%82%D1%8C-%D0%B4%D0%B8%D1%81%D1%82%D1%80%D0%B8%D0%B1%D1%8C%D1%8E%D1%82%D0%BE%D1%80%D0%B0%D0%BC%D0%B8" > Стать дистрибьютором </a> </li> <li class="navmenu-item navmenu-id-wholesale-headphones" > <a class="navmenu-link " href="https://havitsmart.com/pages/wholesale-headphones" > Оптовые наушники </a> </li> <li class="navmenu-item navmenu-id-where-to-buy" > <a class="navmenu-link " href="/ru/pages/%D0%B3%D0%B4%D0%B5-%D0%BA%D1%83%D0%BF%D0%B8%D1%82%D1%8C" > Где купить </a> </li> </ul> </div> </div> <div class="site-footer-block-item site-footer-block-menu has-accordion" > <h2 class="site-footer-block-title" data-accordion-trigger> Поддерживать <span class="site-footer-block-icon accordion--icon"> <svg aria-hidden="true" focusable="false" role="presentation" width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg" > <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> </svg> </span> </h2> <div class="site-footer-block-content"> <ul class="navmenu navmenu-depth-1 " data-navmenu data-accordion-content > <li class="navmenu-item navmenu-id-driver-downloads" > <a class="navmenu-link " href="https://havitsmart.com/pages/driver-download" > Загрузка драйвера </a> </li> <li class="navmenu-item navmenu-id-manual-downloads" > <a class="navmenu-link " href="https://havitsmart.com/pages/manuals-downloads" > Скачания ручной работы </a> </li> <li class="navmenu-item navmenu-id-catalog-downloads" > <a class="navmenu-link " href="/ru/pages/katalog-zagruzki" > Каталог загрузки </a> </li> <li class="navmenu-item navmenu-id-help-center" > <a class="navmenu-link " href="https://havitsmart.com/pages/support" > Помогая Центр </a> </li> <li class="navmenu-item navmenu-id-contact-us" > <a class="navmenu-link " href="/ru/pages/%D0%BA%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82" > Связаться с нами </a> </li> <li class="navmenu-item navmenu-id-faq" > <a class="navmenu-link " href="/ru/pages/faq" > Часто задаваемые вопросы </a> </li> <li class="navmenu-item navmenu-id-sitemap" > <a class="navmenu-link " href="/ru/pages/%D0%BA%D0%B0%D1%80%D1%82%D0%B0-%D1%81%D0%B0%D0%B9%D1%82%D0%B0" > Sitemap </a> </li> </ul> </div> </div> <div class="site-footer-block-item site-footer-block-menu has-accordion" > <h2 class="site-footer-block-title" data-accordion-trigger> Политика <span class="site-footer-block-icon accordion--icon"> <svg aria-hidden="true" focusable="false" role="presentation" width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg" > <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> </svg> </span> </h2> <div class="site-footer-block-content"> <ul class="navmenu navmenu-depth-1 " data-navmenu data-accordion-content > <li class="navmenu-item navmenu-id-terms-of-use" > <a class="navmenu-link " href="/ru/pages/%D1%83%D1%81%D0%BB%D0%BE%D0%B2%D0%B8%D1%8F-%D0%B8-%D0%BF%D0%BE%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F" > Условия эксплуатации </a> </li> <li class="navmenu-item navmenu-id-privacy" > <a class="navmenu-link " href="/ru/pages/%D0%BF%D0%BE%D0%BB%D0%B8%D1%82%D0%B8%D0%BA%D0%B0-%D0%BA%D0%BE%D0%BD%D1%84%D0%B8%D0%B4%D0%B5%D0%BD%D1%86%D0%B8%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D1%81%D1%82%D0%B8" > Конфиденциальность </a> </li> <li class="navmenu-item navmenu-id-warranty" > <a class="navmenu-link " href="/ru/pages/%D0%B3%D0%B0%D1%80%D0%B0%D0%BD%D1%82%D0%B8%D0%B9%D0%BD%D0%B0%D1%8F-%D0%BF%D0%BE%D0%BB%D0%B8%D1%82%D0%B8%D0%BA%D0%B0" > Гарантия </a> </li> <li class="navmenu-item navmenu-id-do-not-sell-share-my-data" > <a class="navmenu-link " href="https://havitsmart.com/pages/data-sharing-opt-out" > Не продавать/передавать мои данные </a> </li> </ul> </div> </div> <div class="site-footer-block-item site-footer-block-social-accounts " > <h2 class="site-footer-block-title"> Подписывайтесь на нас </h2> <div class="site-footer-block-content"> <div class="social-icons"> <a class="social-link" title="Facebook" href="https://www.facebook.com/HavitTech/" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M16.913 13.919h-2.17v7.907h-3.215V13.92H10v-2.794h1.528V9.316c0-1.294.601-3.316 3.245-3.316l2.38.01V8.72h-1.728c-.282 0-.68.145-.68.762v1.642h2.449l-.281 2.794z"/> </svg> <span class="visually-hidden">Найдите нас на Facebook</span> </a> <a class="social-link" title="VK" href="https://vk.com/havitru" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"> <path fill="currentColor" d="M14.558 19.944h1.193s.36-.04.545-.241c.17-.185.164-.532.164-.532s-.023-1.624.729-1.863c.743-.236 1.698 1.57 2.711 2.264.765.527 1.347.411 1.347.411l2.707-.038s1.417-.087.745-1.202c-.055-.091-.39-.822-2.009-2.325-1.694-1.572-1.467-1.318.574-4.04 1.241-1.66 1.737-2.673 1.583-3.107-.147-.415-1.053-.305-1.053-.305l-3.048.019s-.226-.031-.394.069c-.164.098-.27.327-.27.327s-.484 1.289-1.129 2.384c-1.362 2.317-1.907 2.44-2.129 2.295-.518-.335-.389-1.346-.389-2.064 0-2.243.34-3.178-.662-3.421-.333-.08-.578-.134-1.43-.143-1.094-.012-2.02.003-2.544.26-.349.172-.618.555-.454.577.203.027.662.125.905.46.315.435.304 1.412.304 1.412s.181 2.693-.422 3.027c-.414.23-.981-.24-2.201-2.337-.624-1.078-1.095-2.268-1.095-2.268s-.09-.223-.252-.342c-.197-.146-.472-.192-.472-.192l-2.898.018s-.435.012-.595.201c-.142.168-.011.516-.011.516s2.28 5.334 4.863 8.02c2.367 2.46 5.055 2.299 5.055 2.299l-.001-.001z"/> </svg> <span class="visually-hidden">Найдите нас на VK</span> </a> <a class="social-link" title="Twitter" href="https://twitter.com/Havitofficial" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M21.343 8.124l-5.217 5.85 6.145 7.9h-4.33l-3.768-4.56-4.304 4.56H6.657l5.57-6.248-5.88-7.503h4.382l3.35 4.069 3.822-4.069h3.441zm-2.578 12.465h2.398L10.07 9.409H7.544l11.22 11.18z"/> </svg> <span class="visually-hidden">Найдите нас на Twitter</span> </a> <a class="social-link" title="Pinterest" href="https://www.pinterest.com/prohavit/" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M13.914 6a7.913 7.913 0 0 0-2.885 15.281c-.07-.626-.132-1.586.028-2.27.144-.618.928-3.933.928-3.933s-.238-.475-.238-1.175c0-1.098.64-1.922 1.433-1.922.675 0 1 .507 1 1.115 0 .68-.43 1.694-.654 2.634-.188.789.395 1.43 1.172 1.43 1.405 0 2.487-1.482 2.487-3.622 0-1.894-1.361-3.219-3.306-3.219-2.251 0-3.571 1.689-3.571 3.434 0 .68.26 1.409.587 1.805.065.08.074.149.056.228-.06.25-.194.787-.22.897-.035.144-.114.176-.266.106-.987-.46-1.606-1.905-1.606-3.066 0-2.497 1.814-4.787 5.23-4.787 2.744 0 4.878 1.955 4.878 4.57 0 2.726-1.72 4.922-4.108 4.922-.801 0-1.555-.418-1.813-.91l-.495 1.88c-.178.688-.66 1.55-.983 2.075a7.914 7.914 0 0 0 10.258-7.56 7.914 7.914 0 0 0-7.913-7.912V6z"/> </svg> <span class="visually-hidden">Найдите нас на Pinterest</span> </a> <a class="social-link" title="Instagram" href="https://www.instagram.com/havit_official/" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M11.114 7.042c-.745.034-1.254.152-1.7.326-.46.178-.85.418-1.24.807-.388.389-.628.78-.806 1.24-.174.445-.292.954-.326 1.699C7.008 11.86 7 12.099 7 14c0 1.901.008 2.14.042 2.886.034.745.152 1.254.326 1.7.178.46.418.85.807 1.24.389.388.78.628 1.24.807.445.173.954.29 1.699.325.747.034.985.042 2.886.042 1.901 0 2.14-.008 2.886-.042.745-.034 1.254-.152 1.7-.325.46-.18.85-.419 1.24-.808.388-.389.628-.78.807-1.24.173-.445.29-.954.325-1.699.034-.747.042-.985.042-2.886 0-1.901-.008-2.14-.042-2.886-.034-.745-.152-1.254-.325-1.7a3.432 3.432 0 0 0-.808-1.24c-.389-.388-.78-.628-1.24-.806-.445-.174-.954-.292-1.699-.326C16.14 7.008 15.901 7 14 7c-1.901 0-2.14.008-2.886.042zM10.405 14a3.595 3.595 0 1 0 7.19 0 3.595 3.595 0 0 0-7.19 0zM14 16.333a2.333 2.333 0 1 1 0-4.666 2.333 2.333 0 0 1 0 4.666zm4.9-6.323a.84.84 0 1 1-1.68 0 .84.84 0 0 1 1.68 0z"/> </svg> <span class="visually-hidden">Найдите нас на Instagram</span> </a> <a class="social-link" title="Tumblr" href="https://www.tiktok.com/@havitofficial" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M15.863 21.98h-.095c-3.391 0-4.38-2.56-4.38-4.077v-4.74H9.503L9.5 10.806c0-.047.05-.061.098-.061 1.742-.664 2.873-1.517 3.156-3.603C12.707 7 12.8 7 12.8 7h2.355v3.318h2.832v2.845h-2.832v4.306c0 .995.377 1.524 1.319 1.524.377 0 .8-.094 1.225-.237.047 0 .094 0 .094.048l.707 2.086v.19c-.519.52-1.602.9-2.638.9z"/> </svg> <span class="visually-hidden">Найдите нас на Tumblr</span> </a> <a class="social-link" title="Youtube" href="https://www.youtube.com/user/HavitOfficial" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M11.958 16.23v-4.22l4.058 2.117-4.058 2.102zm8.91-4.951s-.147-1.035-.597-1.491c-.571-.598-1.211-.601-1.505-.636C16.664 9 13.512 9 13.512 9h-.006s-3.153 0-5.254.152c-.294.035-.934.038-1.505.636-.45.456-.597 1.49-.597 1.49S6 12.495 6 13.71v1.14c0 1.215.15 2.43.15 2.43s.147 1.035.597 1.49c.571.599 1.322.58 1.656.643 1.201.115 5.106.15 5.106.15s3.155-.004 5.257-.156c.294-.035.934-.038 1.505-.636.45-.456.597-1.49.597-1.49s.15-1.216.15-2.431v-1.14c0-1.215-.15-2.43-.15-2.43z"/> </svg> <span class="visually-hidden">Найдите нас на Youtube</span> </a> <a class="social-link" title="LinkedIn" href="https://www.linkedin.com/company/havitofficial/" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="26" height="28" viewBox="-12 -10 50 50" > <path fill="currentColor" fill-rule="evenodd" d="M9.7 9.8h4.8v2.5c.7-1.4 2.5-2.8 5.1-2.8 5.2 0 6.4 3 6.4 8.4V28h-5.2v-8.8c0-3.1-.7-4.9-2.5-4.9-2.4 0-3.4 1.9-3.4 4.9V28H9.7V9.8zm-9 18H6V9.5H.7v18.3zm6-24.2c0 2-1.5 3.5-3.4 3.5C1.5 7.1 0 5.5 0 3.6 0 1.6 1.5 0 3.3 0c1.9 0 3.4 1.6 3.4 3.6z" clip-rule="evenodd"/> </svg> <span class="visually-hidden">Найдите нас на LinkedIn</span> </a> </div> </div> </div> </div> </div> <div class="site-footer-item"> <div class="site-footer-information"> <div class="site-footer-left"> <p class="site-footer-credits"> Copyright© 1998-2026 HAVIT. All Rights Reserved. </p> </div></div> </div> </section> </footer> <!-- "snippets/gtranslate.liquid" was not rendered, the associated app was uninstalled --> <script> document.addEventListener('DOMContentLoaded', function(){ // 仅在移动端生效 if (window.innerWidth <= 767) { document.querySelectorAll('.site-footer-block-title').forEach(function(title){ if(title.dataset.hasAccordion) return; title.dataset.hasAccordion = "true"; title.style.cursor = "pointer"; title.addEventListener('click', function(){ let next = title.nextElementSibling; while(next && !( next.classList.contains('site-footer-block-list') || next.classList.contains('site-footer-block-content') || next.tagName === 'UL' || next.tagName === 'DIV' )) { next = next.nextElementSibling; } if(!next) return; if(next.style.display === 'none' || next.style.display === '') { next.style.display = 'block'; title.classList.add('open'); } else { next.style.display = 'none'; title.classList.remove('open'); } }); // 初始全部收起 let next = title.nextElementSibling; while(next && !( next.classList.contains('site-footer-block-list') || next.classList.contains('site-footer-block-content') || next.tagName === 'UL' || next.tagName === 'DIV' )) { next = next.nextElementSibling; } if(next) next.style.display = 'none'; }); } }); </script> <style> .site-footer-block-title.open .accordion--icon { transform: rotate(180deg); transition: transform 0.3s; } .site-footer-block-title .accordion--icon { transition: transform 0.3s; } </style> </div> <div style="display: none;" aria-hidden="true" data-templates> <div class="message-banner--container" role="alert" data-message-banner > <div class="message-banner--outer"> <div class="message-banner--inner" data-message-banner-content></div> <button class="message-banner--close" type="button" aria-label="Закрывать" data-message-banner-close ><svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" > <path fill="currentColor" fill-rule="evenodd" d="M5.306 6.5L0 1.194 1.194 0 6.5 5.306 11.806 0 13 1.194 7.694 6.5 13 11.806 11.806 13 6.5 7.694 1.194 13 0 11.806 5.306 6.5z"/> </svg></button> </div> </div> <section class="atc-banner--container" role="log" data-atc-banner> <div class="atc-banner--outer"> <div class="atc-banner--inner"> <div class="atc-banner--product"> <h2 class="atc-banner--product-title"> <span class="atc-banner--product-title--icon"><svg aria-hidden="true" focusable="false" role="presentation" width="18" height="13" viewBox="0 0 18 13" xmlns="http://www.w3.org/2000/svg" > <path fill="currentColor" fill-rule="evenodd" d="M6.23 9.1L2.078 5.2 0 7.15 6.23 13 18 1.95 15.923 0z" /> </svg></span> Добавлено в свою корзину: </h2> <div class="atc--product"> <div class="atc--product-image" data-atc-banner-product-image> <svg class="placeholder--image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <div class="atc--product-details"> <h2 class="atc--product-details--title" data-atc-banner-product-title></h2> <span class="atc--product-details--options" data-atc-banner-product-options></span> <span class="atc--product-details--price"> <span class="atc--product-details--price-quantity" data-atc-banner-product-price-quantity></span> <span class="atc--product-details--price-value money" data-atc-banner-product-price-value></span> <span class="atc--product-details--price-discounted money" data-atc-banner-product-price-discounted></span> <span class="atc--product-details--unit-price hidden" data-atc-banner-unit-price> ** total_quantity ** | ** unit_price ** / ** unit_measure ** </span> </span> <ul class="discount-list" data-atc-banner-product-discounts> <li class="discount-list-item"> <svg class="icon-sale-tag " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="350" height="350" viewBox="0 0 350 350" fill="none"> <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M0 197.826C0 192.95 1.93821 188.275 5.38762 184.83L179.459 10.7587C186.348 3.86966 195.692 -0.000356971 205.435 2.46966e-08H334.782C343.187 2.46966e-08 350 6.81304 350 15.2173V144.565C350 154.308 346.13 163.651 339.241 170.541L165.17 344.612C161.725 348.061 157.049 350 152.174 350C147.299 350 142.624 348.061 139.179 344.612L5.38762 210.821C1.93821 207.376 0 202.701 0 197.826ZM304.348 68.4786C304.348 81.085 294.128 91.3046 281.521 91.3046C268.915 91.3046 258.695 81.085 258.695 68.4786C258.695 55.8721 268.915 45.6525 281.521 45.6525C294.128 45.6525 304.348 55.8721 304.348 68.4786Z" fill="currentColor"/> </svg> <span class="discount-title"></span> (-<span class="money discount-amount"></span>) </li> </ul> </div> </div> </div> <div class="atc-banner--cart"> <div class="atc-banner--cart-subtotal"> <span class="atc-subtotal--label"> Тележка подтотала </span> <span class="atc-subtotal--price money" data-atc-banner-cart-subtotal></span> </div> <footer class="atc-banner--cart-footer"> <a class="button-secondary atc-button--viewcart" href="/ru/cart" data-atc-banner-cart-button> Просмотреть корзину (<span></span>) </a> <form action="/ru/cart" method="post" aria-label="cart checkout" > <button class="button-primary atc-button--checkout" type="submit" name="checkout"> <span>Проверить</span> </button> </form> </footer> </div> </div> <button class="atc-banner--close" type="button" aria-label="Закрывать" data-atc-banner-close ><svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" > <path fill="currentColor" fill-rule="evenodd" d="M5.306 6.5L0 1.194 1.194 0 6.5 5.306 11.806 0 13 1.194 7.694 6.5 13 11.806 11.806 13 6.5 7.694 1.194 13 0 11.806 5.306 6.5z"/> </svg></button> </div> </section> </div> <div class="modal" data-modal-container aria-label="modal window" data-trap-focus> <div class="modal-inner" data-modal-inner> <button class="modal-close" type="button" aria-label="Закрывать" data-modal-close > <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" > <path fill="currentColor" fill-rule="evenodd" d="M5.306 6.5L0 1.194 1.194 0 6.5 5.306 11.806 0 13 1.194 7.694 6.5 13 11.806 11.806 13 6.5 7.694 1.194 13 0 11.806 5.306 6.5z"/> </svg> </button> <div class="modal-content" data-modal-content></div> </div> </div> <div class="modal-1" data-modal-container-1 aria-label="modal window"> <div class="modal-inner" data-modal-inner> <button class="modal-close" type="button" aria-label="Закрывать" data-modal-1-close > <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" > <path fill="currentColor" fill-rule="evenodd" d="M5.306 6.5L0 1.194 1.194 0 6.5 5.306 11.806 0 13 1.194 7.694 6.5 13 11.806 11.806 13 6.5 7.694 1.194 13 0 11.806 5.306 6.5z"/> </svg> </button> <div class="modal-content" data-modal-content></div> </div> </div> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" aria-label="Диалог увеличения продукта" data-photoswipe > <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container" aria-hidden="true"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Закрывать"> <span tabindex="-1"> <svg class="icon-close " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path d="M17 1L1 17" stroke="currentColor" stroke-width="1.75" stroke-linejoin="round"/> <path d="M1 1L17 17" stroke="currentColor" stroke-width="1.75" stroke-linejoin="round"/> </svg> </span> </button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> <div class="product-zoom--thumbnails" data-photoswipe-thumbs> <button class="gallery-navigation--scroll-button scroll-left" aria-label="Scroll thumbnails left" data-gallery-scroll-button > <svg aria-hidden="true" focusable="false" role="presentation" width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg" > <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> </svg> </button> <button class="gallery-navigation--scroll-button scroll-right" aria-label="Scroll thumbnails right" data-gallery-scroll-button > <svg aria-hidden="true" focusable="false" role="presentation" width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg" > <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> </svg> </button> <div class="product-zoom--thumb-scroller" data-photoswipe-thumb-scroller></div> </div> </div> <script> ( function () { var classes = { block: 'pxu-lia-block', element: 'pxu-lia-element', }; document .querySelectorAll('[type="application/pxs-animation-mapping+json"]') .forEach(function (mappingEl) { const section = mappingEl.parentNode; try { const mapping = JSON.parse(mappingEl.innerHTML); mapping.elements.forEach(function (elementSelector) { section .querySelectorAll(elementSelector) .forEach(function (element) { element.classList.add(classes.element); }); }); mapping.blocks.forEach(function (blockSelector) { section .querySelectorAll(blockSelector) .forEach(function (block) { block.classList.add(classes.block); }); }); } catch (error) { console.warn('Unable to parse animation mapping', mappingEl, error); } }); } )() </script> <script src="//havitsmart.com/cdn/shop/t/83/assets/empire.js?v=122406537071340271391772433598" data-scripts data-shopify-api-url="//havitsmart.com/cdn/shopifycloud/storefront/assets/themes_support/api.jquery-7ab1a3a4.js" data-shopify-countries="/services/javascripts/countries.js" data-shopify-common="//havitsmart.com/cdn/shopifycloud/storefront/assets/themes_support/shopify_common-5f594365.js" data-shopify-cart="//havitsmart.com/cdn/shop/t/83/assets/jquery.cart.js?v=31949" data-pxu-polyfills="//havitsmart.com/cdn/shop/t/83/assets/polyfills.js?v=30543975217390794961772433598" > </script> <script> (function () { function handleFirstTab(e) { if (e.keyCode === 9) { // the "I am a keyboard user" key document.body.classList.add('user-is-tabbing'); window.removeEventListener('keydown', handleFirstTab); } } window.addEventListener('keydown', handleFirstTab); })(); </script> <link href="//havitsmart.com/cdn/shop/t/83/assets/ripple.css?v=155372253603313463661772433598" rel="stylesheet" type="text/css" media="all" /> <script src="//havitsmart.com/cdn/shop/t/83/assets/instantPage.min.js?v=126400981861911826231772433598" type="module" defer > </script> <style> .site-header-cart:has(.transcy-switcher-manual.transcy-desktop){ display: flex; } .transcy-switcher-popup .transcy-desktop-wrap .transcy-row{ max-height: 400px !important; } </style> <style> h1,h2,h3,.heading,.section-title {font-weight: 700 !important;} </style> <div id="shopify-block-ANXJ6b0lIbDZWeTNET__10148494829067693542" class="shopify-block shopify-app-block"><!-- XO-InsertCode Body --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KKNCXJ46" height="0" width="0" style="display:none;visibility:hidden">
