.elementor-38550 .elementor-element.elementor-element-dc3ce81{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38550 .elementor-element.elementor-element-f9f92cc > .elementor-widget-container{--e-transform-translateX:0px;--e-transform-translateY:0px;}.elementor-38550 .elementor-element.elementor-element-b138afa > .elementor-widget-container{--e-transform-translateX:0px;--e-transform-translateY:0px;}.elementor-38550 .elementor-element.elementor-element-7ebdd4f{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-38550 .elementor-element.elementor-element-c47d6f2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-38550 .elementor-element.elementor-element-c47d6f2 .elementor-heading-title{font-family:"Zen Dots", Sans-serif;font-size:28px;color:#767676;}.elementor-38550 .elementor-element.elementor-element-060e481 > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-38550 .elementor-element.elementor-element-060e481 .elementor-heading-title{font-family:"Zen Dots", Sans-serif;}.elementor-38550 .elementor-element.elementor-element-b85c266{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-38550 .elementor-element.elementor-element-2292303{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-38550 .elementor-element.elementor-element-2e400aa .elementor-heading-title{font-family:"Zen Dots", Sans-serif;}.elementor-38550 .elementor-element.elementor-element-8eb358b .elementor-heading-title{font-family:"Zen Dots", Sans-serif;}.elementor-38550 .elementor-element.elementor-element-df23d51{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-38550 .elementor-element.elementor-element-df23d51:not(.elementor-motion-effects-element-type-background), .elementor-38550 .elementor-element.elementor-element-df23d51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-38550 .elementor-element.elementor-element-66a08c3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-38550 .elementor-element.elementor-element-6595e34 .elementor-heading-title{font-family:"Zen Dots", Sans-serif;}.elementor-38550 .elementor-element.elementor-element-5d4a50b .elementor-heading-title{font-family:"Zen Dots", Sans-serif;}.elementor-38550 .elementor-element.elementor-element-7111986{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-38550 .elementor-element.elementor-element-7111986:not(.elementor-motion-effects-element-type-background), .elementor-38550 .elementor-element.elementor-element-7111986 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-38550 .elementor-element.elementor-element-25775d3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-38550 .elementor-element.elementor-element-3960b56 .elementor-heading-title{font-family:"Zen Dots", Sans-serif;}.elementor-38550 .elementor-element.elementor-element-8d0f552 .elementor-heading-title{font-family:"Zen Dots", Sans-serif;}.elementor-38550 .elementor-element.elementor-element-df453a5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-38550 .elementor-element.elementor-element-df453a5:not(.elementor-motion-effects-element-type-background), .elementor-38550 .elementor-element.elementor-element-df453a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-38550 .elementor-element.elementor-element-fecf646{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-38550 .elementor-element.elementor-element-fca5f4d .elementor-heading-title{font-family:"Zen Dots", Sans-serif;}.elementor-38550 .elementor-element.elementor-element-16bd302 .elementor-heading-title{font-family:"Zen Dots", Sans-serif;}.elementor-38550 .elementor-element.elementor-element-60e532e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-38550 .elementor-element.elementor-element-60e532e:not(.elementor-motion-effects-element-type-background), .elementor-38550 .elementor-element.elementor-element-60e532e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-38550 .elementor-element.elementor-element-46af6b4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-38550 .elementor-element.elementor-element-9d408d4 .elementor-heading-title{font-family:"Zen Dots", Sans-serif;}.elementor-38550 .elementor-element.elementor-element-8657d2b .elementor-heading-title{font-family:"Zen Dots", Sans-serif;}.elementor-38550 .elementor-element.elementor-element-fb4335c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-38550 .elementor-element.elementor-element-fb4335c:not(.elementor-motion-effects-element-type-background), .elementor-38550 .elementor-element.elementor-element-fb4335c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-38550 .elementor-element.elementor-element-ce886ca{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-38550 .elementor-element.elementor-element-96b21f9 .elementor-heading-title{font-family:"Zen Dots", Sans-serif;}.elementor-38550 .elementor-element.elementor-element-023e78b .elementor-heading-title{font-family:"Zen Dots", Sans-serif;}.elementor-38550 .elementor-element.elementor-element-88e2aa6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-38550 .elementor-element.elementor-element-88e2aa6:not(.elementor-motion-effects-element-type-background), .elementor-38550 .elementor-element.elementor-element-88e2aa6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-38550 .elementor-element.elementor-element-b85c266{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-38550 .elementor-element.elementor-element-2292303{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:0px;}.elementor-38550 .elementor-element.elementor-element-66a08c3{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:0px;}.elementor-38550 .elementor-element.elementor-element-25775d3{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:0px;}.elementor-38550 .elementor-element.elementor-element-fecf646{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:0px;}.elementor-38550 .elementor-element.elementor-element-46af6b4{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:0px;}.elementor-38550 .elementor-element.elementor-element-ce886ca{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:0px;}}@media(min-width:768px){.elementor-38550 .elementor-element.elementor-element-dc3ce81{--width:100%;}}@media(max-width:767px){.elementor-38550 .elementor-element.elementor-element-7ebdd4f{--padding-top:50px;--padding-bottom:35px;--padding-left:20px;--padding-right:0px;}.elementor-38550 .elementor-element.elementor-element-c47d6f2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-38550 .elementor-element.elementor-element-c47d6f2 .elementor-heading-title{font-size:20px;}.elementor-38550 .elementor-element.elementor-element-060e481 > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-38550 .elementor-element.elementor-element-b85c266{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-38550 .elementor-element.elementor-element-2292303{--padding-top:50px;--padding-bottom:50px;--padding-left:020px;--padding-right:0px;}.elementor-38550 .elementor-element.elementor-element-66a08c3{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:0px;}.elementor-38550 .elementor-element.elementor-element-25775d3{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:0px;}.elementor-38550 .elementor-element.elementor-element-fecf646{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:0px;}.elementor-38550 .elementor-element.elementor-element-46af6b4{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:0px;}.elementor-38550 .elementor-element.elementor-element-ce886ca{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-e9d2fae *//* 网格容器 */
.nav-container {
    display: grid;
    /* 创建一个12列的网格 */
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    /*max-width: 1200px;*/
}

/* 网格项目通用样式 */
.nav-item {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    background-color: #333;
    color: white;
    /*aspect-ratio: 16 / 9;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 第一行项目的布局：每个占据4列 */
.item-row-1 {
    grid-column: span 4;
}

/* 第二行项目的布局：每个占据3列 */
.item-row-2 {
    grid-column: span 3;
}

.nav-item img {
    width: 100%;
}


/* 覆盖层通用样式 (深色半透明背景) */
.overlay {
    font-size: 1.8em;
    color: white;
    position: absolute;
    bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: "Zen Dots", sans-serif;
}

.overlay-text {
    font-size: 1.4em;
    position: absolute;
    bottom: -5px;
    left: 15px;
    color: white;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    font-family: "Zen Dots", sans-serif;
}

/* 标题样式 */
.overlay h2,
.overlay h3,
.overlay-text h3 {
    margin: 0;
    padding: 10px;
    font-weight: bold;
    text-align: center;
}

.overlay h2 {
    font-size: 2rem;
}

.overlay h3,
.overlay-text h3 {
    font-size: 1.5rem;
}


/* 平滑过渡 */
.nav-item {
  transition: filter .25s ease, opacity .25s ease;
}
.overlay, .overlay-text {
  transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
  will-change: opacity, transform;
}

/* 只在有鼠标悬停的设备启用（桌面端） */
@media (hover: hover) and (pointer: fine) {
  /* 容器被hover时，先把所有卡片变灰、降低不透明度 */
  .nav-container:hover .nav-item {
    filter: grayscale(100%);
    opacity: .35;
  }
  /* 悬停的那一项恢复正常 */
  .nav-container:hover .nav-item:hover {
    filter: none;
    opacity: 1;
  }
  /* 非悬停项的标题淡出并下移隐藏 */
  .nav-container:hover .nav-item:not(:hover) .overlay,
  .nav-container:hover .nav-item:not(:hover) .overlay-text {
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    pointer-events: none; /* 防止标题遮挡 */
  }
}



/* 响应式设计：平板电脑 */
@media (max-width: 992px) {
  .nav-container {                     /* ← 修正这个类名 */
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .item-row-1, .item-row-2 { grid-column: span 1; }

  .overlay h2 { font-size: 1.5rem; }
  .overlay h3, .overlay-text h3 { font-size: 1.2rem; }
}

/* 新增：平板端（iPad等，含 1024/834/820 宽度）更舒适的布局与比例 */
@media (min-width: 768px) and (max-width: 1024px) {
  .nav-container {
    grid-template-columns: repeat(2, 1fr);  /* 两列卡片 */
    gap: 16px;
  }
  .item-row-1, .item-row-2 { grid-column: span 1; }

  /* 平板上给卡片一个固定比例，避免高度不一致导致跳动 */
  .nav-item { aspect-ratio: 16 / 9; }

  /* 文字稍微缩一档，留出下边距空间 */
  .overlay { bottom: 8px; }
  .overlay-text { left: 12px; bottom: 4px; }

  .overlay h2 { font-size: 1.6rem; }
  .overlay h3, .overlay-text h3 { font-size: 1.25rem; }
}


/* 响应式设计：手机 */
@media (max-width: 576px) {

    /* 在小屏幕上，所有项目都变成单列布局 */
    .nav-container {
        grid-template-columns: 1fr;
    }

    .overlay h2 {
        font-size: 1.8rem;
    }

    .overlay h3,
    .overlay-text h3 {
        font-size: 1.5rem;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2c6ae21 *//* 居中容器用 margin: 0 auto 即可 */
        .product-container {
            width: 100%;
            max-width: 1320px;
            padding: 40px 20px;
            box-sizing: border-box;
            margin: 0 auto;
            background-color: black;
        }

        .instructions,
        .swipe-hint {
            font-size: 1rem;
            font-weight: 500;
            margin: 0 0 12px;
            color:white;
            font-family: "Zen Dots", sans-serif;
        }

        .swipe-hint {
            opacity: .7;
        }

        /* 桌面：网格 */
        .display-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }

        /* 单元：卡片 + 标题 */
        .product-item {
            display: flex;
            flex-direction: column;
            text-decoration: none;
            color: inherit;
            -webkit-tap-highlight-color: transparent;
            transition: filter .25s ease, opacity .25s ease;
        }

        .product-card {
            position: relative;
            border-radius: 12px;
            aspect-ratio: 1 / 1;
            overflow: hidden;
        }

        .product-card.active {
            background: #fff;
        }

        .product-card.active img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
        }

        .product-card.placeholder {
            background: #2b2b2b;
        }

        .product-title {
            margin-top: 15px;
            text-align: center;
            font-size: 1rem;
            font-weight: 500;
            line-height: 1.4;
            color: #fff;
            transition: opacity .2s ease, visibility .2s ease;
            font-family: "Zen Dots", sans-serif;
        }

        /* 桌面交互：悬停高亮当前，其他变灰且标题隐藏 */
        .display-grid:hover .product-item {
            filter: grayscale(100%);
            opacity: .35;
        }

        .display-grid:hover .product-item:hover {
            filter: none;
            opacity: 1;
        }

        .display-grid:hover .product-item:not(:hover) .product-title {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }

   /* 触摸反馈 */
   .product-item:active .product-card {
            transform: scale(0.985);
            transition: transform .12s ease;
        }

        /* 左右晃动动画 */
        .swipe-hint {
            display: none;
            text-align: center;
            animation: swipe-wiggle 1.2s ease-in-out infinite;
            will-change: transform, opacity;
        }

        /* 只让箭头动：可选，把文字包一下 */
        .swipe-hint .arrows {
            margin-top: 10px;
            display: inline-block;
            animation: swipe-wiggle 1.2s ease-in-out infinite;
        }

        /* 关键帧：左右位移并轻微淡入淡出 */
        @keyframes swipe-wiggle {
            0% {
                transform: translateX(-8px);
                opacity: .7;
            }

            50% {
                transform: translateX(8px);
                opacity: 1;
            }

            100% {
                transform: translateX(-8px);
                opacity: .7;
            }
        }

        /* 用户偏好减少动画时自动关闭 */
        @media (prefers-reduced-motion: reduce) {

            .swipe-hint,
            .swipe-hint .arrows {
                animation: none !important;
            }
        }


        /* 触屏：禁用悬停灰度，保证可读性 */
        @media (hover: none) and (pointer: coarse) {
            .display-grid:hover .product-item {
                filter: none !important;
                opacity: 1 !important;
            }

            .display-grid:hover .product-item:not(:hover) .product-title {
                opacity: 1 !important;
                visibility: visible !important;
                pointer-events: auto !important;
            }

            .swipe-hint {
                display: block;
            }
        }

        @media (hover: hover) and (pointer: fine) {
            .swipe-hint {
                display: none;
            }
        }

        /* 桌面栅格响应 */
        @media (max-width: 1024px) {
            .display-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 22px;
            }
        }

        @media (max-width: 900px) {
            .display-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 18px;
            }
        }


        /* 移动端：横向滑动（覆盖 grid） */
        @media (max-width: 768px) {
            .display-grid {
                display: flex !important;
                overflow-x: auto !important;
                overflow-y: hidden;
                gap: 16px;
                padding: 0 16px;
                scroll-snap-type: x mandatory;
                scroll-padding: 16px;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
                /* 遮罩两端渐隐（含 webkit 前缀，避免部分 Safari 不生效） */
                mask-image: linear-gradient(to right, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
                -webkit-mask-image: linear-gradient(to right, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
                /* 关键：把手势权给横向滚动容器 */
                touch-action: pan-x;
                overscroll-behavior-x: contain;
            }

            .display-grid::-webkit-scrollbar {
                display: none;
            }

            .product-item {
                flex: 0 0 84%;
                scroll-snap-align: start;
            }

            .product-card {
                aspect-ratio: 16 / 12;
            }

            .product-title {
                font-size: 1.06rem;
                margin-top: 10px;
            }
            .swipe-hint{
                display: block;
            }
        }

        /* 超小屏再紧凑点 */
        @media (max-width: 420px) {
            .product-item {
                flex-basis: 88%;
            }

            .product-title {
                font-size: 1rem;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-49c85f2 *//* 居中容器用 margin: 0 auto 即可 */
        .product-container {
            width: 100%;
            max-width: 1320px;
            padding: 40px 20px;
            box-sizing: border-box;
            margin: 0 auto;
            background-color: black;
        }

        .instructions,
        .swipe-hint {
            font-size: 1rem;
            font-weight: 500;
            margin: 0 0 12px;
            color:white;
            font-family: "Zen Dots", sans-serif;
        }

        .swipe-hint {
            opacity: .7;
        }

        /* 桌面：网格 */
        .display-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }

        /* 单元：卡片 + 标题 */
        .product-item {
            display: flex;
            flex-direction: column;
            text-decoration: none;
            color: inherit;
            -webkit-tap-highlight-color: transparent;
            transition: filter .25s ease, opacity .25s ease;
        }

        .product-card {
            position: relative;
            border-radius: 12px;
            aspect-ratio: 1 / 1;
            overflow: hidden;
        }

        .product-card.active {
            background: #fff;
        }

        .product-card.active img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
        }

        .product-card.placeholder {
            background: #2b2b2b;
        }

        .product-title {
            margin-top: 15px;
            text-align: center;
            font-size: 1rem;
            font-weight: 500;
            line-height: 1.4;
            color: #fff;
            transition: opacity .2s ease, visibility .2s ease;
            font-family: "Zen Dots", sans-serif;
        }

        /* 桌面交互：悬停高亮当前，其他变灰且标题隐藏 */
        .display-grid:hover .product-item {
            filter: grayscale(100%);
            opacity: .35;
        }

        .display-grid:hover .product-item:hover {
            filter: none;
            opacity: 1;
        }

        .display-grid:hover .product-item:not(:hover) .product-title {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }

   /* 触摸反馈 */
   .product-item:active .product-card {
            transform: scale(0.985);
            transition: transform .12s ease;
        }

        /* 左右晃动动画 */
        .swipe-hint {
            display: none;
            text-align: center;
            animation: swipe-wiggle 1.2s ease-in-out infinite;
            will-change: transform, opacity;
        }

        /* 只让箭头动：可选，把文字包一下 */
        .swipe-hint .arrows {
            margin-top: 10px;
            display: inline-block;
            animation: swipe-wiggle 1.2s ease-in-out infinite;
        }

        /* 关键帧：左右位移并轻微淡入淡出 */
        @keyframes swipe-wiggle {
            0% {
                transform: translateX(-8px);
                opacity: .7;
            }

            50% {
                transform: translateX(8px);
                opacity: 1;
            }

            100% {
                transform: translateX(-8px);
                opacity: .7;
            }
        }

        /* 用户偏好减少动画时自动关闭 */
        @media (prefers-reduced-motion: reduce) {

            .swipe-hint,
            .swipe-hint .arrows {
                animation: none !important;
            }
        }


        /* 触屏：禁用悬停灰度，保证可读性 */
        @media (hover: none) and (pointer: coarse) {
            .display-grid:hover .product-item {
                filter: none !important;
                opacity: 1 !important;
            }

            .display-grid:hover .product-item:not(:hover) .product-title {
                opacity: 1 !important;
                visibility: visible !important;
                pointer-events: auto !important;
            }

            .swipe-hint {
                display: block;
            }
        }

        @media (hover: hover) and (pointer: fine) {
            .swipe-hint {
                display: none;
            }
        }

        /* 桌面栅格响应 */
        @media (max-width: 1024px) {
            .display-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 22px;
            }
        }

        @media (max-width: 900px) {
            .display-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 18px;
            }
        }


        /* 移动端：横向滑动（覆盖 grid） */
        @media (max-width: 768px) {
            .display-grid {
                display: flex !important;
                overflow-x: auto !important;
                overflow-y: hidden;
                gap: 16px;
                padding: 0 16px;
                scroll-snap-type: x mandatory;
                scroll-padding: 16px;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
                /* 遮罩两端渐隐（含 webkit 前缀，避免部分 Safari 不生效） */
                mask-image: linear-gradient(to right, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
                -webkit-mask-image: linear-gradient(to right, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
                /* 关键：把手势权给横向滚动容器 */
                touch-action: pan-x;
                overscroll-behavior-x: contain;
            }

            .display-grid::-webkit-scrollbar {
                display: none;
            }

            .product-item {
                flex: 0 0 84%;
                scroll-snap-align: start;
            }

            .product-card {
                aspect-ratio: 16 / 12;
            }

            .product-title {
                font-size: 1.06rem;
                margin-top: 10px;
            }
            .swipe-hint{
                display: block;
            }
        }

        /* 超小屏再紧凑点 */
        @media (max-width: 420px) {
            .product-item {
                flex-basis: 88%;
            }

            .product-title {
                font-size: 1rem;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-52cbc7e *//* 居中容器用 margin: 0 auto 即可 */
        .product-container {
            width: 100%;
            max-width: 1320px;
            padding: 40px 20px;
            box-sizing: border-box;
            margin: 0 auto;
            background-color: black;
        }

        .instructions,
        .swipe-hint {
            font-size: 1rem;
            font-weight: 500;
            margin: 0 0 12px;
            color:white;
            font-family: "Zen Dots", sans-serif;
        }

        .swipe-hint {
            opacity: .7;
        }

        /* 桌面：网格 */
        .display-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }

        /* 单元：卡片 + 标题 */
        .product-item {
            display: flex;
            flex-direction: column;
            text-decoration: none;
            color: inherit;
            -webkit-tap-highlight-color: transparent;
            transition: filter .25s ease, opacity .25s ease;
        }

        .product-card {
            position: relative;
            border-radius: 12px;
            aspect-ratio: 1 / 1;
            overflow: hidden;
        }

        .product-card.active {
            background: #fff;
        }

        .product-card.active img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
        }

        .product-card.placeholder {
            background: #2b2b2b;
        }

        .product-title {
            margin-top: 15px;
            text-align: center;
            font-size: 1rem;
            font-weight: 500;
            line-height: 1.4;
            color: #fff;
            transition: opacity .2s ease, visibility .2s ease;
            font-family: "Zen Dots", sans-serif;
        }

        /* 桌面交互：悬停高亮当前，其他变灰且标题隐藏 */
        .display-grid:hover .product-item {
            filter: grayscale(100%);
            opacity: .35;
        }

        .display-grid:hover .product-item:hover {
            filter: none;
            opacity: 1;
        }

        .display-grid:hover .product-item:not(:hover) .product-title {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }

   /* 触摸反馈 */
   .product-item:active .product-card {
            transform: scale(0.985);
            transition: transform .12s ease;
        }

        /* 左右晃动动画 */
        .swipe-hint {
            display: none;
            text-align: center;
            animation: swipe-wiggle 1.2s ease-in-out infinite;
            will-change: transform, opacity;
        }

        /* 只让箭头动：可选，把文字包一下 */
        .swipe-hint .arrows {
            margin-top: 10px;
            display: inline-block;
            animation: swipe-wiggle 1.2s ease-in-out infinite;
        }

        /* 关键帧：左右位移并轻微淡入淡出 */
        @keyframes swipe-wiggle {
            0% {
                transform: translateX(-8px);
                opacity: .7;
            }

            50% {
                transform: translateX(8px);
                opacity: 1;
            }

            100% {
                transform: translateX(-8px);
                opacity: .7;
            }
        }

        /* 用户偏好减少动画时自动关闭 */
        @media (prefers-reduced-motion: reduce) {

            .swipe-hint,
            .swipe-hint .arrows {
                animation: none !important;
            }
        }


        /* 触屏：禁用悬停灰度，保证可读性 */
        @media (hover: none) and (pointer: coarse) {
            .display-grid:hover .product-item {
                filter: none !important;
                opacity: 1 !important;
            }

            .display-grid:hover .product-item:not(:hover) .product-title {
                opacity: 1 !important;
                visibility: visible !important;
                pointer-events: auto !important;
            }

            .swipe-hint {
                display: block;
            }
        }

        @media (hover: hover) and (pointer: fine) {
            .swipe-hint {
                display: none;
            }
        }

        /* 桌面栅格响应 */
        @media (max-width: 1024px) {
            .display-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 22px;
            }
        }

        @media (max-width: 900px) {
            .display-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 18px;
            }
        }


        /* 移动端：横向滑动（覆盖 grid） */
        @media (max-width: 768px) {
            .display-grid {
                display: flex !important;
                overflow-x: auto !important;
                overflow-y: hidden;
                gap: 16px;
                padding: 0 16px;
                scroll-snap-type: x mandatory;
                scroll-padding: 16px;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
                /* 遮罩两端渐隐（含 webkit 前缀，避免部分 Safari 不生效） */
                mask-image: linear-gradient(to right, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
                -webkit-mask-image: linear-gradient(to right, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
                /* 关键：把手势权给横向滚动容器 */
                touch-action: pan-x;
                overscroll-behavior-x: contain;
            }

            .display-grid::-webkit-scrollbar {
                display: none;
            }

            .product-item {
                flex: 0 0 84%;
                scroll-snap-align: start;
            }

            .product-card {
                aspect-ratio: 16 / 12;
            }

            .product-title {
                font-size: 1.06rem;
                margin-top: 10px;
            }
            .swipe-hint{
                display: block;
            }
        }

        /* 超小屏再紧凑点 */
        @media (max-width: 420px) {
            .product-item {
                flex-basis: 88%;
            }

            .product-title {
                font-size: 1rem;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-40b0cc4 *//* 居中容器用 margin: 0 auto 即可 */
        .product-container {
            width: 100%;
            max-width: 1320px;
            padding: 40px 20px;
            box-sizing: border-box;
            margin: 0 auto;
            background-color: black;
        }

        .instructions,
        .swipe-hint {
            font-size: 1rem;
            font-weight: 500;
            margin: 0 0 12px;
            color:white;
            font-family: "Zen Dots", sans-serif;
        }

        .swipe-hint {
            opacity: .7;
        }

        /* 桌面：网格 */
        .display-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }

        /* 单元：卡片 + 标题 */
        .product-item {
            display: flex;
            flex-direction: column;
            text-decoration: none;
            color: inherit;
            -webkit-tap-highlight-color: transparent;
            transition: filter .25s ease, opacity .25s ease;
        }

        .product-card {
            position: relative;
            border-radius: 12px;
            aspect-ratio: 1 / 1;
            overflow: hidden;
        }

        .product-card.active {
            background: #fff;
        }

        .product-card.active img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
        }

        .product-card.placeholder {
            background: #2b2b2b;
        }

        .product-title {
            margin-top: 15px;
            text-align: center;
            font-size: 1rem;
            font-weight: 500;
            line-height: 1.4;
            color: #fff;
            transition: opacity .2s ease, visibility .2s ease;
            font-family: "Zen Dots", sans-serif;
        }

        /* 桌面交互：悬停高亮当前，其他变灰且标题隐藏 */
        .display-grid:hover .product-item {
            filter: grayscale(100%);
            opacity: .35;
        }

        .display-grid:hover .product-item:hover {
            filter: none;
            opacity: 1;
        }

        .display-grid:hover .product-item:not(:hover) .product-title {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }

   /* 触摸反馈 */
   .product-item:active .product-card {
            transform: scale(0.985);
            transition: transform .12s ease;
        }

        /* 左右晃动动画 */
        .swipe-hint {
            display: none;
            text-align: center;
            animation: swipe-wiggle 1.2s ease-in-out infinite;
            will-change: transform, opacity;
        }

        /* 只让箭头动：可选，把文字包一下 */
        .swipe-hint .arrows {
            margin-top: 10px;
            display: inline-block;
            animation: swipe-wiggle 1.2s ease-in-out infinite;
        }

        /* 关键帧：左右位移并轻微淡入淡出 */
        @keyframes swipe-wiggle {
            0% {
                transform: translateX(-8px);
                opacity: .7;
            }

            50% {
                transform: translateX(8px);
                opacity: 1;
            }

            100% {
                transform: translateX(-8px);
                opacity: .7;
            }
        }

        /* 用户偏好减少动画时自动关闭 */
        @media (prefers-reduced-motion: reduce) {

            .swipe-hint,
            .swipe-hint .arrows {
                animation: none !important;
            }
        }


        /* 触屏：禁用悬停灰度，保证可读性 */
        @media (hover: none) and (pointer: coarse) {
            .display-grid:hover .product-item {
                filter: none !important;
                opacity: 1 !important;
            }

            .display-grid:hover .product-item:not(:hover) .product-title {
                opacity: 1 !important;
                visibility: visible !important;
                pointer-events: auto !important;
            }

            .swipe-hint {
                display: block;
            }
        }

        @media (hover: hover) and (pointer: fine) {
            .swipe-hint {
                display: none;
            }
        }

        /* 桌面栅格响应 */
        @media (max-width: 1024px) {
            .display-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 22px;
            }
        }

        @media (max-width: 900px) {
            .display-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 18px;
            }
        }


        /* 移动端：横向滑动（覆盖 grid） */
        @media (max-width: 768px) {
            .display-grid {
                display: flex !important;
                overflow-x: auto !important;
                overflow-y: hidden;
                gap: 16px;
                padding: 0 16px;
                scroll-snap-type: x mandatory;
                scroll-padding: 16px;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
                /* 遮罩两端渐隐（含 webkit 前缀，避免部分 Safari 不生效） */
                mask-image: linear-gradient(to right, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
                -webkit-mask-image: linear-gradient(to right, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
                /* 关键：把手势权给横向滚动容器 */
                touch-action: pan-x;
                overscroll-behavior-x: contain;
            }

            .display-grid::-webkit-scrollbar {
                display: none;
            }

            .product-item {
                flex: 0 0 84%;
                scroll-snap-align: start;
            }

            .product-card {
                aspect-ratio: 16 / 12;
            }

            .product-title {
                font-size: 1.06rem;
                margin-top: 10px;
            }
            .swipe-hint{
                display: block;
            }
        }

        /* 超小屏再紧凑点 */
        @media (max-width: 420px) {
            .product-item {
                flex-basis: 88%;
            }

            .product-title {
                font-size: 1rem;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f7164b5 *//* 居中容器用 margin: 0 auto 即可 */
        .product-container {
            width: 100%;
            max-width: 1320px;
            padding: 40px 20px;
            box-sizing: border-box;
            margin: 0 auto;
            background-color: black;
        }

        .instructions,
        .swipe-hint {
            font-size: 1rem;
            font-weight: 500;
            margin: 0 0 12px;
            color:white;
            font-family: "Zen Dots", sans-serif;
        }

        .swipe-hint {
            opacity: .7;
        }

        /* 桌面：网格 */
        .display-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }

        /* 单元：卡片 + 标题 */
        .product-item {
            display: flex;
            flex-direction: column;
            text-decoration: none;
            color: inherit;
            -webkit-tap-highlight-color: transparent;
            transition: filter .25s ease, opacity .25s ease;
        }

        .product-card {
            position: relative;
            border-radius: 12px;
            aspect-ratio: 1 / 1;
            overflow: hidden;
        }

        .product-card.active {
            background: #fff;
        }

        .product-card.active img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
        }

        .product-card.placeholder {
            background: #2b2b2b;
        }

        .product-title {
            margin-top: 15px;
            text-align: center;
            font-size: 1rem;
            font-weight: 500;
            line-height: 1.4;
            color: #fff;
            transition: opacity .2s ease, visibility .2s ease;
            font-family: "Zen Dots", sans-serif;
        }

        /* 桌面交互：悬停高亮当前，其他变灰且标题隐藏 */
        .display-grid:hover .product-item {
            filter: grayscale(100%);
            opacity: .35;
        }

        .display-grid:hover .product-item:hover {
            filter: none;
            opacity: 1;
        }

        .display-grid:hover .product-item:not(:hover) .product-title {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }

   /* 触摸反馈 */
   .product-item:active .product-card {
            transform: scale(0.985);
            transition: transform .12s ease;
        }

        /* 左右晃动动画 */
        .swipe-hint {
            display: none;
            text-align: center;
            animation: swipe-wiggle 1.2s ease-in-out infinite;
            will-change: transform, opacity;
        }

        /* 只让箭头动：可选，把文字包一下 */
        .swipe-hint .arrows {
            margin-top: 10px;
            display: inline-block;
            animation: swipe-wiggle 1.2s ease-in-out infinite;
        }

        /* 关键帧：左右位移并轻微淡入淡出 */
        @keyframes swipe-wiggle {
            0% {
                transform: translateX(-8px);
                opacity: .7;
            }

            50% {
                transform: translateX(8px);
                opacity: 1;
            }

            100% {
                transform: translateX(-8px);
                opacity: .7;
            }
        }

        /* 用户偏好减少动画时自动关闭 */
        @media (prefers-reduced-motion: reduce) {

            .swipe-hint,
            .swipe-hint .arrows {
                animation: none !important;
            }
        }


        /* 触屏：禁用悬停灰度，保证可读性 */
        @media (hover: none) and (pointer: coarse) {
            .display-grid:hover .product-item {
                filter: none !important;
                opacity: 1 !important;
            }

            .display-grid:hover .product-item:not(:hover) .product-title {
                opacity: 1 !important;
                visibility: visible !important;
                pointer-events: auto !important;
            }

            .swipe-hint {
                display: block;
            }
        }

        @media (hover: hover) and (pointer: fine) {
            .swipe-hint {
                display: none;
            }
        }

        /* 桌面栅格响应 */
        @media (max-width: 1024px) {
            .display-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 22px;
            }
        }

        @media (max-width: 900px) {
            .display-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 18px;
            }
        }


        /* 移动端：横向滑动（覆盖 grid） */
        @media (max-width: 768px) {
            .display-grid {
                display: flex !important;
                overflow-x: auto !important;
                overflow-y: hidden;
                gap: 16px;
                padding: 0 16px;
                scroll-snap-type: x mandatory;
                scroll-padding: 16px;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
                /* 遮罩两端渐隐（含 webkit 前缀，避免部分 Safari 不生效） */
                mask-image: linear-gradient(to right, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
                -webkit-mask-image: linear-gradient(to right, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
                /* 关键：把手势权给横向滚动容器 */
                touch-action: pan-x;
                overscroll-behavior-x: contain;
            }

            .display-grid::-webkit-scrollbar {
                display: none;
            }

            .product-item {
                flex: 0 0 84%;
                scroll-snap-align: start;
            }

            .product-card {
                aspect-ratio: 16 / 12;
            }

            .product-title {
                font-size: 1.06rem;
                margin-top: 10px;
            }
            .swipe-hint{
                display: block;
            }
        }

        /* 超小屏再紧凑点 */
        @media (max-width: 420px) {
            .product-item {
                flex-basis: 88%;
            }

            .product-title {
                font-size: 1rem;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-607e3ea *//* 居中容器用 margin: 0 auto 即可 */
        .product-container {
            width: 100%;
            max-width: 1320px;
            padding: 40px 20px;
            box-sizing: border-box;
            margin: 0 auto;
            background-color: black;
        }

        .instructions,
        .swipe-hint {
            font-size: 1rem;
            font-weight: 500;
            margin: 0 0 12px;
            color:white;
            font-family: "Zen Dots", sans-serif;
        }

        .swipe-hint {
            opacity: .7;
        }

        /* 桌面：网格 */
        .display-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }

        /* 单元：卡片 + 标题 */
        .product-item {
            display: flex;
            flex-direction: column;
            text-decoration: none;
            color: inherit;
            -webkit-tap-highlight-color: transparent;
            transition: filter .25s ease, opacity .25s ease;
        }

        .product-card {
            position: relative;
            border-radius: 12px;
            aspect-ratio: 1 / 1;
            overflow: hidden;
        }

        .product-card.active {
            background: #fff;
        }

        .product-card.active img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
        }

        .product-card.placeholder {
            background: #2b2b2b;
        }

        .product-title {
            margin-top: 15px;
            text-align: center;
            font-size: 1rem;
            font-weight: 500;
            line-height: 1.4;
            color: #fff;
            transition: opacity .2s ease, visibility .2s ease;
            font-family: "Zen Dots", sans-serif;
        }

        /* 桌面交互：悬停高亮当前，其他变灰且标题隐藏 */
        .display-grid:hover .product-item {
            filter: grayscale(100%);
            opacity: .35;
        }

        .display-grid:hover .product-item:hover {
            filter: none;
            opacity: 1;
        }

        .display-grid:hover .product-item:not(:hover) .product-title {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }

   /* 触摸反馈 */
   .product-item:active .product-card {
            transform: scale(0.985);
            transition: transform .12s ease;
        }

        /* 左右晃动动画 */
        .swipe-hint {
            display: none;
            text-align: center;
            animation: swipe-wiggle 1.2s ease-in-out infinite;
            will-change: transform, opacity;
        }

        /* 只让箭头动：可选，把文字包一下 */
        .swipe-hint .arrows {
            margin-top: 10px;
            display: inline-block;
            animation: swipe-wiggle 1.2s ease-in-out infinite;
        }

        /* 关键帧：左右位移并轻微淡入淡出 */
        @keyframes swipe-wiggle {
            0% {
                transform: translateX(-8px);
                opacity: .7;
            }

            50% {
                transform: translateX(8px);
                opacity: 1;
            }

            100% {
                transform: translateX(-8px);
                opacity: .7;
            }
        }

        /* 用户偏好减少动画时自动关闭 */
        @media (prefers-reduced-motion: reduce) {

            .swipe-hint,
            .swipe-hint .arrows {
                animation: none !important;
            }
        }


        /* 触屏：禁用悬停灰度，保证可读性 */
        @media (hover: none) and (pointer: coarse) {
            .display-grid:hover .product-item {
                filter: none !important;
                opacity: 1 !important;
            }

            .display-grid:hover .product-item:not(:hover) .product-title {
                opacity: 1 !important;
                visibility: visible !important;
                pointer-events: auto !important;
            }

            .swipe-hint {
                display: block;
            }
        }

        @media (hover: hover) and (pointer: fine) {
            .swipe-hint {
                display: none;
            }
        }

        /* 桌面栅格响应 */
        @media (max-width: 1024px) {
            .display-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 22px;
            }
        }

        @media (max-width: 900px) {
            .display-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 18px;
            }
        }


        /* 移动端：横向滑动（覆盖 grid） */
        @media (max-width: 768px) {
            .display-grid {
                display: flex !important;
                overflow-x: auto !important;
                overflow-y: hidden;
                gap: 16px;
                padding: 0 16px;
                scroll-snap-type: x mandatory;
                scroll-padding: 16px;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
                /* 遮罩两端渐隐（含 webkit 前缀，避免部分 Safari 不生效） */
                mask-image: linear-gradient(to right, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
                -webkit-mask-image: linear-gradient(to right, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
                /* 关键：把手势权给横向滚动容器 */
                touch-action: pan-x;
                overscroll-behavior-x: contain;
            }

            .display-grid::-webkit-scrollbar {
                display: none;
            }

            .product-item {
                flex: 0 0 84%;
                scroll-snap-align: start;
            }

            .product-card {
                aspect-ratio: 16 / 12;
            }

            .product-title {
                font-size: 1.06rem;
                margin-top: 10px;
            }
            .swipe-hint{
                display: block;
            }
        }

        /* 超小屏再紧凑点 */
        @media (max-width: 420px) {
            .product-item {
                flex-basis: 88%;
            }

            .product-title {
                font-size: 1rem;
            }
        }/* End custom CSS */