<!DOCTYPE html><html><head><meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="814kiBUqjRV2zlmgzwdJpi5RNO_KIGku4Jmkfm44svOssqAZAj14iuO-HaS-L3Jh8Y6yCEWwrtutLBQuF76X0A" /></head><body><turbo-stream action="remove" target="catalog_featured"></turbo-stream>
<turbo-stream action="replace" target="catalog_content"><template>
  <turbo-frame id="catalog_content" target="_top" class="px-[3%] py-4 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-4 gap-y-6">
  </turbo-frame>
</template></turbo-stream>
<turbo-stream action="append" target="catalog_content"><template>
    <swiper-slide
  data-card="collection_3876787"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Gareth Lock 介绍潜水中人为因素的基础知识，涵盖情境意识、决策等关键主题。"
    data-author-title-0="Gareth Lock" data-author-permalink-0="gareth-lock"
    data-published-at="2025-11-11T20:50:46+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3876787&#39;, &#39;Search Results&#39;); " href="/programs/zh-qianshuiyuan-de-renwei-yinsu-jichu-zhishi-yu-shiji-yingyong">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="潜水员的人为因素基础知识与实际应用" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3876787/horizontal/c2395775-b49e-4360-8599-2146505e422c.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3876787/horizontal/c2395775-b49e-4360-8599-2146505e422c.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3876787/horizontal/c2395775-b49e-4360-8599-2146505e422c.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3876787/horizontal/c2395775-b49e-4360-8599-2146505e422c.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">4</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="潜水员的人为因素基础知识与实际应用" aria-label="潜水员的人为因素基础知识与实际应用" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3876787&#39;, &#39;Search Results&#39;); " href="/programs/zh-qianshuiyuan-de-renwei-yinsu-jichu-zhishi-yu-shiji-yingyong">
    <span class="line-clamp-2">
      潜水员的人为因素基础知识与实际应用
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3876780"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="本视频系列探讨水下沟通的难点，介绍提升沟通效率的方法及常见工具。"
    data-author-title-0="Dorota Czerny" data-author-permalink-0="dorota-czerny"
    data-published-at="2025-11-11T20:50:47+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3876780&#39;, &#39;Search Results&#39;); " href="/programs/zh-shuixia-goutong-de-tiaozhan-yu-youxiao-fangfa-jiexi">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="水下沟通的挑战与有效方法解析" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3876780/horizontal/2cc3c653-6428-4021-b49d-668cddbbc308.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3876780/horizontal/2cc3c653-6428-4021-b49d-668cddbbc308.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3876780/horizontal/2cc3c653-6428-4021-b49d-668cddbbc308.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3876780/horizontal/2cc3c653-6428-4021-b49d-668cddbbc308.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">9</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="水下沟通的挑战与有效方法解析" aria-label="水下沟通的挑战与有效方法解析" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3876780&#39;, &#39;Search Results&#39;); " href="/programs/zh-shuixia-goutong-de-tiaozhan-yu-youxiao-fangfa-jiexi">
    <span class="line-clamp-2">
      水下沟通的挑战与有效方法解析
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3708398"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="GUE讲师Meredith Tanguay介绍GUE装备配置的标准化理念、主要部件及选择建议。"
    data-author-title-0="Kirill Egorov" data-author-permalink-0="kirill-egorov"
    data-published-at="2025-11-06T14:05:18+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3708398&#39;, &#39;Search Results&#39;); " href="/programs/zh-gue-zhuangbei-peizhi-de-biaozhunhua-yu-xuanze-yuanze-xiangjie">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="GUE装备配置的标准化与选择原则详解" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3708398/horizontal/9c857cca-b994-4b46-a265-9fa05ea1e701.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3708398/horizontal/9c857cca-b994-4b46-a265-9fa05ea1e701.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3708398/horizontal/9c857cca-b994-4b46-a265-9fa05ea1e701.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3708398/horizontal/9c857cca-b994-4b46-a265-9fa05ea1e701.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">7</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="GUE装备配置的标准化与选择原则详解" aria-label="GUE装备配置的标准化与选择原则详解" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3708398&#39;, &#39;Search Results&#39;); " href="/programs/zh-gue-zhuangbei-peizhi-de-biaozhunhua-yu-xuanze-yuanze-xiangjie">
    <span class="line-clamp-2">
      GUE装备配置的标准化与选择原则详解
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3708388"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="GUE教练Mark Devoldere讲解水下导航技能及指南针的基本使用方法。"
    data-author-title-0="Mark Devoldere" data-author-permalink-0="mark-devoldere"
    data-published-at="2025-11-06T14:05:17+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3708388&#39;, &#39;Search Results&#39;); " href="/programs/zh-shiyong-zhinanzhen-jinxing-shuixia-daohang-de-jiben-yuanli-yu-caozuo-fangfa">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="使用指南针进行水下导航的基本原理与操作方法" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3708388/horizontal/b2e0e67e-de19-4bb7-bc0e-ef6601ec2176.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3708388/horizontal/b2e0e67e-de19-4bb7-bc0e-ef6601ec2176.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3708388/horizontal/b2e0e67e-de19-4bb7-bc0e-ef6601ec2176.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3708388/horizontal/b2e0e67e-de19-4bb7-bc0e-ef6601ec2176.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">4</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="使用指南针进行水下导航的基本原理与操作方法" aria-label="使用指南针进行水下导航的基本原理与操作方法" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3708388&#39;, &#39;Search Results&#39;); " href="/programs/zh-shiyong-zhinanzhen-jinxing-shuixia-daohang-de-jiben-yuanli-yu-caozuo-fangfa">
    <span class="line-clamp-2">
      使用指南针进行水下导航的基本原理与操作方法
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3708379"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="GUE 教练 Alberto Nava 讲解团队潜水的核心理念及其对安全与效率的提升。"
    data-author-title-0="Alberto Nava" data-author-permalink-0="alberto-nava"
    data-published-at="2025-11-06T14:05:17+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3708379&#39;, &#39;Search Results&#39;); " href="/programs/zh-gue-tuandui-qianshui-linian-yu-shijian-xiangjie">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="GUE 团队潜水理念与实践详解" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3708379/horizontal/3e07b5b3-572d-4ef6-ada6-c7e6b91ec237.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3708379/horizontal/3e07b5b3-572d-4ef6-ada6-c7e6b91ec237.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3708379/horizontal/3e07b5b3-572d-4ef6-ada6-c7e6b91ec237.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3708379/horizontal/3e07b5b3-572d-4ef6-ada6-c7e6b91ec237.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">8</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="GUE 团队潜水理念与实践详解" aria-label="GUE 团队潜水理念与实践详解" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3708379&#39;, &#39;Search Results&#39;); " href="/programs/zh-gue-tuandui-qianshui-linian-yu-shijian-xiangjie">
    <span class="line-clamp-2">
      GUE 团队潜水理念与实践详解
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3708373"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="本系列视频介绍如何通过健身与精准技巧提升潜水舒适度与效率。"
    data-author-title-0="Global Underwater Explorers" data-author-permalink-0="global-underwater-explorers"
    data-published-at="2025-11-06T14:05:17+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3708373&#39;, &#39;Search Results&#39;); " href="/programs/zh-tongguo-jianshen-yu-jingzhun-tisheng-qianshui-tiyan-de-fangfa-yu-jiqiao">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="通过健身与精准提升潜水体验的方法与技巧" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3708373/horizontal/23d41702-fd5c-4fe2-b1cb-494f9adb83dd.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3708373/horizontal/23d41702-fd5c-4fe2-b1cb-494f9adb83dd.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3708373/horizontal/23d41702-fd5c-4fe2-b1cb-494f9adb83dd.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3708373/horizontal/23d41702-fd5c-4fe2-b1cb-494f9adb83dd.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">9</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="通过健身与精准提升潜水体验的方法与技巧" aria-label="通过健身与精准提升潜水体验的方法与技巧" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3708373&#39;, &#39;Search Results&#39;); " href="/programs/zh-tongguo-jianshen-yu-jingzhun-tisheng-qianshui-tiyan-de-fangfa-yu-jiqiao">
    <span class="line-clamp-2">
      通过健身与精准提升潜水体验的方法与技巧
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3708366"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="阿尔贝托·纳瓦介绍潜水呼吸气体的种类、特性及其对人体生理的影响。"
    data-author-title-0="Alberto Nava" data-author-permalink-0="alberto-nava"
    data-published-at="2025-11-06T14:05:16+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3708366&#39;, &#39;Search Results&#39;); " href="/programs/zh-aerbeituo-nawa-jiangjie-qianshui-huxi-qiti-de-texing-yu-shengli-yingxiang">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="阿尔贝托·纳瓦讲解潜水呼吸气体的特性与生理影响" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3708366/horizontal/40937ee4-19dc-422a-b4c1-4d0aa1d60023.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3708366/horizontal/40937ee4-19dc-422a-b4c1-4d0aa1d60023.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3708366/horizontal/40937ee4-19dc-422a-b4c1-4d0aa1d60023.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3708366/horizontal/40937ee4-19dc-422a-b4c1-4d0aa1d60023.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">8</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="阿尔贝托·纳瓦讲解潜水呼吸气体的特性与生理影响" aria-label="阿尔贝托·纳瓦讲解潜水呼吸气体的特性与生理影响" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3708366&#39;, &#39;Search Results&#39;); " href="/programs/zh-aerbeituo-nawa-jiangjie-qianshui-huxi-qiti-de-texing-yu-shengli-yingxiang">
    <span class="line-clamp-2">
      阿尔贝托·纳瓦讲解潜水呼吸气体的特性与生理影响
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3708362"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="本系列由GUE休闲教练Alain Eid开发，介绍休闲潜水员应养成的重要习惯与实用技巧。"
    data-author-title-0="Alain Eid" data-author-permalink-0="alain-eid"
    data-published-at="2025-11-06T14:05:18+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3708362&#39;, &#39;Search Results&#39;); " href="/programs/zh-xiuxian-qianshuiyuan-ying-yangcheng-de-lianghao-xiguan-ji-shiyong-jianyi">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="休闲潜水员应养成的良好习惯及实用建议" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3708362/horizontal/a55a2caa-3ab1-4d5a-b953-16efeac45197.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3708362/horizontal/a55a2caa-3ab1-4d5a-b953-16efeac45197.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3708362/horizontal/a55a2caa-3ab1-4d5a-b953-16efeac45197.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3708362/horizontal/a55a2caa-3ab1-4d5a-b953-16efeac45197.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">7</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="休闲潜水员应养成的良好习惯及实用建议" aria-label="休闲潜水员应养成的良好习惯及实用建议" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3708362&#39;, &#39;Search Results&#39;); " href="/programs/zh-xiuxian-qianshuiyuan-ying-yangcheng-de-lianghao-xiguan-ji-shiyong-jianyi">
    <span class="line-clamp-2">
      休闲潜水员应养成的良好习惯及实用建议
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3708311"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="本系列课程系统讲解浮力控制，涵盖浮力补偿器、装备影响、常见问题及故障处理。适合各级潜水员。"
    data-author-title-0="Dorota Czerny" data-author-permalink-0="dorota-czerny"
    data-published-at="2025-11-06T14:05:18+04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3708311&#39;, &#39;Search Results&#39;); " href="/programs/zh-gue-zhong-xing-fu-li-ji-chu-xi-lie-ke-cheng-zhang-wo-shui-xia-wei-zhi-yu-an-quan-ji-q">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="GUE中性浮力基础系列课程：掌握水下位置与安全技巧" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3708311/horizontal/33428945-9db9-4f4b-a4a3-2e2c5cd4649e.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3708311/horizontal/33428945-9db9-4f4b-a4a3-2e2c5cd4649e.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3708311/horizontal/33428945-9db9-4f4b-a4a3-2e2c5cd4649e.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3708311/horizontal/33428945-9db9-4f4b-a4a3-2e2c5cd4649e.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">8</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="GUE中性浮力基础系列课程：掌握水下位置与安全技巧" aria-label="GUE中性浮力基础系列课程：掌握水下位置与安全技巧" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3708311&#39;, &#39;Search Results&#39;); " href="/programs/zh-gue-zhong-xing-fu-li-ji-chu-xi-lie-ke-cheng-zhang-wo-shui-xia-wei-zhi-yu-an-quan-ji-q">
    <span class="line-clamp-2">
      GUE中性浮力基础系列课程：掌握水下位置与安全技巧
    </span>
</a></swiper-slide>


  
  <turbo-frame id="catalog_watched_videos" src="/catalog/watched_videos?preview=false"></turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_controls"><template>
  <div data-themeless-catalog-filters-target="controlsWrapper"
  class="group my-4 mx-2 mb-4 filters-active"
  id="catalog_filter_controls">
  <div class="items-center flex-wrap gap-4 flex md:group-[.filters-short-variant]:flex md:grid md:grid-cols-4">
    <div class="flex-1 md:flex-none md:group-[.filters-short-variant]:w-1/4">
      <ds-input
  name="search"
  placeholder="Search videos"
  value=""
  
  
  
  style="--ds-input-font-size--base: 0.875rem"
  data-themeless-catalog-filters-target="search"
  data-action="keydown->themeless-catalog-filters#search clear->themeless-catalog-filters#resetSearch"
  id="themeless_catalog_filter_search"
>
  <ds-icon slot="before" name="magnifier" class="text-ds-default"></ds-icon>
</ds-input>

    </div>
      <div id="themeless_catalog_filter_button" class="flex-none flex gap-x-2 md:gap-x-4 md:group-[.filters-short-variant]:order-3 col-start-4 justify-end">
  <ds-button
    size="small"
    style="--padding: 0.375rem 0.5rem; --border-color: var(--ds-border-default);"
    class="hidden"
    content-visible-on="md"
    id="filters-toggle-button"
    data-test="filters-toggle"
    aria-label="Filters toggle" 
    data-action="click->themeless-catalog-filters#toggleAllFilters" 
    
    active
  >
    <ds-icon slot="before" name="filter" size="24px"></ds-icon>
    <span class="md:ms-1">
      <span class="hidden md:block md:group-[.filters-active]:hidden">Show filters</span>
      <span class="hidden md:group-[.filters-active]:block">Close filters</span>
    </span>
  </ds-button>
    <ds-button
      size="small"
      style="--padding: 0.375rem 0.5rem; --border-color: var(--ds-border-default);"
      content-visible-on="md"
      data-test="reset-filters"
      aria-label="Reset filters"
      data-action="click->themeless-catalog-filters#resetFilters"
      
    >
      <span class="relative" slot="before">
        <ds-icon name="filter"></ds-icon>
        <ds-icon name="cross-small" class="absolute size-4 -bottom-1 -right-1"></ds-icon>
      </span>
      <span class="hidden lg:block ms-1">Reset filters (2)</span>
    </ds-button>
</div>


      <div data-test="filters-list" class="hidden col-span-4 grid-cols-1 gap-4 w-full group-[.filters-active]:grid md:grid-cols-4 md:group-[.filters-short-variant]:grid md:group-[.filters-short-variant]:flex-1 group-[.filters-short-variant]:flex-initial md:group-[.filters-short-variant]:grid-cols-3 md:group-[.filters-short-variant]:w-auto">
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="category_id" id="category_id" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Category: All" inner-prefix="Category" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="14243" label="Dive Education &amp; How To&#39;s" >
              <ds-checkbox>Dive Education &amp; How To&#39;s</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="14249" label="Dive Exploration &amp; Projects" >
              <ds-checkbox>Dive Exploration &amp; Projects</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3041" label="Conservation &amp; Science" >
              <ds-checkbox>Conservation &amp; Science</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="984" label="Diving Films &amp; Documentaries" >
              <ds-checkbox>Diving Films &amp; Documentaries</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1106" label="Free Content" >
              <ds-checkbox>Free Content</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="37757" label="Explore The Source" >
              <ds-checkbox>Explore The Source</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="220612" label="Dive Gear Tips &amp; Tricks" >
              <ds-checkbox>Dive Gear Tips &amp; Tricks</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="14251" label="Community &amp; Inspiration" >
              <ds-checkbox>Community &amp; Inspiration</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="152092" label="All Videos" >
              <ds-checkbox>All Videos</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="37978" label="GUE Instructor Training Process" >
              <ds-checkbox>GUE Instructor Training Process</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="author_id" id="author_id" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Author: All" inner-prefix="Author" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="6757" label="Alain Eid" >
              <ds-checkbox>Alain Eid</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8093" label="Alberto Nava" >
              <ds-checkbox>Alberto Nava</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="15468" label="Amanda White" >
              <ds-checkbox>Amanda White</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="58530" label="Andrea Marassich" >
              <ds-checkbox>Andrea Marassich</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="49147" label="Andrei Voinigescu" >
              <ds-checkbox>Andrei Voinigescu</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46296" label="Andrew Couch" >
              <ds-checkbox>Andrew Couch</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="15466" label="Anne-Marie Bresser" >
              <ds-checkbox>Anne-Marie Bresser</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5444" label="Annika Persson" >
              <ds-checkbox>Annika Persson</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="99214" label="Bartek Trzcinski" >
              <ds-checkbox>Bartek Trzcinski</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="49146" label="Bart Vandever" >
              <ds-checkbox>Bart Vandever</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="10020" label="Benjamin Ott" >
              <ds-checkbox>Benjamin Ott</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="14371" label="Caterina De Seta" >
              <ds-checkbox>Caterina De Seta</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="49143" label="Christine Grosart" >
              <ds-checkbox>Christine Grosart</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="123341" label="Dan McMullen" >
              <ds-checkbox>Dan McMullen</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5027" label="Danny Riordan" >
              <ds-checkbox>Danny Riordan</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7713" label="Davide De Benedictis" >
              <ds-checkbox>Davide De Benedictis</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5026" label="David Rhea" >
              <ds-checkbox>David Rhea</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7984" label="Dimitris Fifis" >
              <ds-checkbox>Dimitris Fifis</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3865" label="Dorota Czerny" >
              <ds-checkbox>Dorota Czerny</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5019" label="Doug Mudry" >
              <ds-checkbox>Doug Mudry</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="49151" label="Ericson Paul Yee" >
              <ds-checkbox>Ericson Paul Yee</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8659" label="Erik Lu" >
              <ds-checkbox>Erik Lu</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55037" label="Erik Wurz" >
              <ds-checkbox>Erik Wurz</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9081" label="Francesco Cameli" >
              <ds-checkbox>Francesco Cameli</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="99215" label="Francisca Grebe" >
              <ds-checkbox>Francisca Grebe</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="98767" label="Frauke Tillmans" >
              <ds-checkbox>Frauke Tillmans</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1741" label="Fred Devos" >
              <ds-checkbox>Fred Devos</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="583" label="Gareth Lock" >
              <ds-checkbox>Gareth Lock</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6775" label="Gideon Liew" >
              <ds-checkbox>Gideon Liew</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6683" label="Global Underwater Explorers" >
              <ds-checkbox>Global Underwater Explorers</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="10138" label="GUE.tv" >
              <ds-checkbox>GUE.tv</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="4704" label="Guy Shockey" >
              <ds-checkbox>Guy Shockey</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="36890" label="Imad Farhat" >
              <ds-checkbox>Imad Farhat</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5024" label="Irene Homberger" >
              <ds-checkbox>Irene Homberger</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="4934" label="Jarrod Jablonski" >
              <ds-checkbox>Jarrod Jablonski</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1981" label="Jerry Wilhelmsson" >
              <ds-checkbox>Jerry Wilhelmsson</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2255" label="Jesper Kjøller" >
              <ds-checkbox>Jesper Kjøller</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7714" label="Joe Renghini" >
              <ds-checkbox>Joe Renghini</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="49148" label="John Roney" >
              <ds-checkbox>John Roney</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2727" label="JP Bresser" >
              <ds-checkbox>JP Bresser</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9607" label="Karim Hamza" >
              <ds-checkbox>Karim Hamza</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8717" label="Keith Kreitner" >
              <ds-checkbox>Keith Kreitner</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5020" label="Kirill Egorov" >
              <ds-checkbox>Kirill Egorov</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="101083" label="Kyle Harmon" >
              <ds-checkbox>Kyle Harmon</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="123342" label="Leo Fielding" >
              <ds-checkbox>Leo Fielding</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5481" label="Luca Palezza" >
              <ds-checkbox>Luca Palezza</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5535" label="Marcus Rose" >
              <ds-checkbox>Marcus Rose</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="27076" label="Mark Devoldere" >
              <ds-checkbox>Mark Devoldere</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5028" label="Mark Messersmith" >
              <ds-checkbox>Mark Messersmith</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="33152" label="Michael Menduno" >
              <ds-checkbox>Michael Menduno</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7673" label="Michael Westreicher" >
              <ds-checkbox>Michael Westreicher</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5032" label="Mikkel Stokke" >
              <ds-checkbox>Mikkel Stokke</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="98765" label="Neal Pollock" >
              <ds-checkbox>Neal Pollock</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="59927" label="Nevcan Uludaş" >
              <ds-checkbox>Nevcan Uludaş</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="36889" label="Nico Lurot" >
              <ds-checkbox>Nico Lurot</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6773" label="Niko Gerdau" >
              <ds-checkbox>Niko Gerdau</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9150" label="Owen Flowers" >
              <ds-checkbox>Owen Flowers</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="38817" label="Peter Gaertner" >
              <ds-checkbox>Peter Gaertner</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2945" label="Richard Lundgren" >
              <ds-checkbox>Richard Lundgren</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="31496" label="Richard Walker" >
              <ds-checkbox>Richard Walker</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5023" label="Richie Denmark" >
              <ds-checkbox>Richie Denmark</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="49150" label="Robert Wilson" >
              <ds-checkbox>Robert Wilson</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="123343" label="Rogier Visser" >
              <ds-checkbox>Rogier Visser</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="38835" label="Sameh Sokar" >
              <ds-checkbox>Sameh Sokar</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="24675" label="Sergio Rhein Schirato" >
              <ds-checkbox>Sergio Rhein Schirato</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5025" label="Sven Nelles" >
              <ds-checkbox>Sven Nelles</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3958" label="Todd Kincaid" >
              <ds-checkbox>Todd Kincaid</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="49145" label="Walter Marti" >
              <ds-checkbox>Walter Marti</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7603" label="Wayne Fisch" >
              <ds-checkbox>Wayne Fisch</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_10981" id="catalog_filter_10981" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Topics: All" inner-prefix="Topics" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="54989" label="Photography &amp; Videography" >
              <ds-checkbox>Photography &amp; Videography</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54990" label="Decompression" >
              <ds-checkbox>Decompression</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54991" label="Caves" >
              <ds-checkbox>Caves</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54992" label="Teamwork" >
              <ds-checkbox>Teamwork</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54993" label="Wrecks" >
              <ds-checkbox>Wrecks</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54994" label="Communication" >
              <ds-checkbox>Communication</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54995" label="Dive Protocols" >
              <ds-checkbox>Dive Protocols</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54996" label="Archeology" >
              <ds-checkbox>Archeology</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54997" label="Projects" >
              <ds-checkbox>Projects</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54998" label="Photogrammetry" >
              <ds-checkbox>Photogrammetry</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54999" label="Biospeleology" >
              <ds-checkbox>Biospeleology</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55000" label="Hydrology" >
              <ds-checkbox>Hydrology</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55001" label="Exploration" >
              <ds-checkbox>Exploration</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_10979" id="catalog_filter_10979" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Training: All" inner-prefix="Training" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="54980" label="Fundamentals" >
              <ds-checkbox>Fundamentals</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54982" label="Recreational" >
              <ds-checkbox>Recreational</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54981" label="Technical" >
              <ds-checkbox>Technical</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54983" label="Cave" >
              <ds-checkbox>Cave</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54984" label="Rebreather" >
              <ds-checkbox>Rebreather</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_10980" id="catalog_filter_10980" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Duration: All" inner-prefix="Duration" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="54985" label="Very Short (&lt;5 min)" >
              <ds-checkbox>Very Short (&lt;5 min)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54986" label="Short (5-10 min)" >
              <ds-checkbox>Short (5-10 min)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54987" label="Medium (10-30 min)" >
              <ds-checkbox>Medium (10-30 min)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54988" label="Long (&gt;30 min)" >
              <ds-checkbox>Long (&gt;30 min)</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_10978" id="catalog_filter_10978" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Recency: All" inner-prefix="Recency" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="72811" label="2026" >
              <ds-checkbox>2026</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="67775" label="2025" >
              <ds-checkbox>2025</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54971" label="2024" >
              <ds-checkbox>2024</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54972" label="2023" >
              <ds-checkbox>2023</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54973" label="2022" >
              <ds-checkbox>2022</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54974" label="2021" >
              <ds-checkbox>2021</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54975" label="2020" >
              <ds-checkbox>2020</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54976" label="2019" >
              <ds-checkbox>2019</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54977" label="2018" >
              <ds-checkbox>2018</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54978" label="2017" >
              <ds-checkbox>2017</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54979" label="2016" >
              <ds-checkbox>2016</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_10977" id="catalog_filter_10977" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Language: All" inner-prefix="Language" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="54964" label="English" >
              <ds-checkbox>English</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54966" label="中文" checked>
              <ds-checkbox>中文</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54965" label="Deutsch" >
              <ds-checkbox>Deutsch</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54968" label="Italiano" >
              <ds-checkbox>Italiano</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54969" label="Русский" >
              <ds-checkbox>Русский</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54970" label="Español" >
              <ds-checkbox>Español</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55042" label="Magyar" >
              <ds-checkbox>Magyar</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55043" label="日本語" >
              <ds-checkbox>日本語</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55044" label="Português" >
              <ds-checkbox>Português</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55045" label="Nederlands" >
              <ds-checkbox>Nederlands</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="67324" label="한국어" >
              <ds-checkbox>한국어</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_30" id="catalog_filter_30" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Type: All" inner-prefix="Type" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="219" label="Collections" checked>
              <ds-checkbox>Collections</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_10982" id="catalog_filter_10982" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Skills: All" inner-prefix="Skills" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="55006" label="Drills" >
              <ds-checkbox>Drills</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55007" label="Equipment Setup &amp; Maintenance" >
              <ds-checkbox>Equipment Setup &amp; Maintenance</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55004" label="Propulsion Techniques" >
              <ds-checkbox>Propulsion Techniques</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55009" label="Cave Diving Techniques" >
              <ds-checkbox>Cave Diving Techniques</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55010" label="Rebreather Skills" >
              <ds-checkbox>Rebreather Skills</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55008" label="Navigation" >
              <ds-checkbox>Navigation</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55002" label="Buoyancy" >
              <ds-checkbox>Buoyancy</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55005" label="Gas Management " >
              <ds-checkbox>Gas Management </ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
</div>

  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_button"><template>
    <button type="button"
          class="toggle-filters inline-flex text-base rounded items-center leading-normal box-content
          text-ds-default hover:bg-ds-overlay bg-ds-default px-4 py-2"
          data-action="click->catalog-filters#resetFilter" id="catalog_filter_button">
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="mr-3">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99995 6.58574L14.2928 0.292847L15.7071 1.70706L9.41417 7.99995L15.7071 14.2928L14.2928 15.7071L7.99995 9.41417L1.70706 15.7071L0.292847 14.2928L6.58574 7.99995L0.292847 1.70706L1.70706 0.292847L7.99995 6.58574Z" fill="currentColor"></path>
</svg>

    Clear Filters
  </button>

</template></turbo-stream>

</body></html>