{"product_id":"helloclock","title":"Clock","description":"\u003clink rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/www.beyourlover.com\/css\/swiper-bundle.min.css\"\u003e\n    \u003cstyle type=\"text\/css\"\u003e\n    \t\/* ================================================================\n    \t   CSS 变量（全局主题）\n    \t   ================================================================ *\/\n    \t:root {\n    \t    --color-primary: #FF89B9;\n    \t    --color-bg-light: #FFFDF4;\n    \t    --color-text-dark: #1e2a3a;\n    \t    --color-text-gray: #8F8F8F;\n    \t    --color-white: #ffffff;\n    \t    --color-black: #000000;\n    \t    --color-border-light: #eef3f8;\n    \t    --section-max-width: 1200px;\n    \t    --radius-lg: 18px;\n    \t    --radius-md: 12px;\n    \t    --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.04);\n    \t    --shadow-hover: 0 12px 32px rgba(0, 20, 40, 0.08);\n    \t    --transition-default: 0.3s ease;\n    \t}\n\t\t@media (min-width: 769px) {\n\t\t\t.product__description{\n\t\t\t\tmargin-top: 70px;\n\t\t\t}\n\t\t}\n\t\t@media (max-width: 768px) {\n\t\t\t.product__description{\n\t\t\t\tmargin-top: 30px;\n\t\t\t}\n\t\t}\n    \t.product-section img {\n    \t    vertical-align: top;\n    \t    max-width: 100%;\n    \t    height: auto;\n    \t    margin: 0;\n    \t    border: none;\n    \t    border-radius: 0;\n    \t    box-shadow: none;\n    \t}\n    \t\n    \t\/* ================================================================\n    \t   2. 产品模块通用样式\n    \t   ================================================================ *\/\n    \t.product-section .con-title {\n    \t    font-size: 36px; \/* 2.25rem → 36px *\/\n    \t    font-weight: 600;\n    \t    color: var(--color-primary);\n    \t    margin-bottom: 30px;\n    \t    line-height: 1.2;\n    \t}\n    \t\n    \t@media (max-width: 768px) {\n    \t    .product-section .con-title {\n    \t        text-align: center;\n    \t        font-size: 19.2px; \/* 1.2rem → 19.2px *\/\n    \t        margin-bottom: 20px;\n    \t    }\n    \t}\n    \t\n    \t\/* ================================================================\n    \t   3. Section 1 — 固定背景轮播 (ce-hero-swiper)\n    \t   ================================================================ *\/\n    \t.ce-hero-swiper {\n    \t    width: 100%;\n    \t    aspect-ratio: 384 \/ 121;\n    \t    overflow: hidden;\n    \t    position: relative;\n    \t    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/new-clock-back.png?v=1782809623');\n    \t    background-size: cover;\n    \t    background-position: center 30%;\n    \t    background-repeat: no-repeat;\n    \t    display: flex;\n    \t    align-items: center;\n    \t}\n    \t\n    \t.ce-hero-swiper .swiper {\n    \t    width: 100%;\n    \t    height: 80%;\n    \t}\n    \t\n    \t.ce-hero-swiper .swiper-slide {\n    \t    display: flex;\n    \t    justify-content: center;\n    \t    align-items: center;\n    \t    text-align: center;\n    \t}\n    \t\n    \t.ce-hero-swiper .slide-content {\n    \t    color: var(--color-black);\n    \t    max-width: 80%;\n    \t}\n    \t\n    \t.ce-hero-swiper .slide-content .stars {\n    \t    color: #f59e0b;\n    \t    font-size: 14px;\n    \t    display: block;\n    \t    margin-bottom: 6px;\n    \t    letter-spacing: 2px;\n    \t}\n    \t\n    \t.ce-hero-swiper .slide-content p {\n\t\t\twidth: 70%;\n    \t    font-size: 28px;\n    \t    font-weight: bold;\n    \t    line-height: 1.6;\n    \t    margin: 40px auto;\n    \t    color: var(--color-black);\n    \t}\n    \t\n    \t.ce-hero-swiper .slide-content .meta {\n    \t    font-size: 12px;\n    \t    color: rgba(0, 0, 0, 0.6);\n    \t    display: block;\n    \t}\n    \t\n    \t\/* ---- 分页点 ---- *\/\n    \t.ce-hero-swiper .swiper-pagination {\n    \t    bottom: 3% !important;\n    \t    position: absolute !important;\n    \t    left: 50% !important;\n    \t    transform: translateX(-50%) !important;\n    \t    width: auto !important;\n    \t}\n    \t\n    \t.ce-hero-swiper .swiper-pagination-bullet {\n    \t    background: rgba(0, 0, 0, 0.3) !important;\n    \t    opacity: 1 !important;\n    \t}\n    \t\n    \t.ce-hero-swiper .swiper-pagination-bullet-active {\n    \t    background: var(--color-black) !important;\n    \t}\n    \t\n    \t\/* ---- 导航按钮 ---- *\/\n    \t.ce-hero-swiper .swiper-button-prev,\n    \t.ce-hero-swiper .swiper-button-next {\n    \t    display: flex;\n    \t    top: auto !important;\n    \t    bottom: 2% !important;\n    \t    color: var(--color-black) !important;\n    \t    width: 30px !important;\n    \t    height: 30px !important;\n    \t    border: 1px solid;\n    \t    border-radius: 50%;\n    \t}\n    \t\n    \t.ce-hero-swiper .swiper-button-prev {\n    \t    left: 50% !important;\n    \t    transform: translateX(-70px) !important;\n    \t}\n    \t\n    \t.ce-hero-swiper .swiper-button-next {\n    \t    right: 50% !important;\n    \t    transform: translateX(70px) !important;\n    \t}\n    \t\n    \t.ce-hero-swiper .swiper-button-prev::after,\n    \t.ce-hero-swiper .swiper-button-next::after {\n    \t    font-size: 18px !important;\n    \t    font-weight: 700;\n    \t    color: var(--color-black);\n    \t}\n    \t\n    \t@media (max-width: 1300px) {\n    \t    .ce-hero-swiper .slide-content p {\n    \t        font-size: 18px;\n    \t        margin: 16px auto;\n    \t    }\n    \t}\n    \t\n    \t@media (max-width: 768px) {\n    \t    .ce-hero-swiper {\n    \t        aspect-ratio: 5 \/ 7;\n    \t    }\n    \t\n    \t    .ce-hero-swiper .slide-content p {\n    \t        font-size: 16px;\n    \t        margin: 16px auto 12px;\n    \t    }\n    \t\n    \t    .ce-hero-swiper .swiper-button-prev {\n    \t        transform: translateX(-20vw) !important;\n    \t    }\n    \t\n    \t    .ce-hero-swiper .swiper-button-next {\n    \t        transform: translateX(20vw) !important;\n    \t    }\n    \t\n    \t    .ce-hero-swiper .swiper-button-prev::after,\n    \t    .ce-hero-swiper .swiper-button-next::after {\n    \t        font-size: 14px !important;\n    \t    }\n    \t}\n    \t\n    \t\/* ================================================================\n    \t   4. Section 2 — 产品亮点 (product-highlights)\n    \t   ================================================================ *\/\n    \t.product-highlights {\n    \t    padding: 93px 0; \/* 5.8125rem → 93px *\/\n    \t    background-color: var(--color-bg-light);\n    \t}\n    \t\n    \t.product-highlights .hlights-content {\n    \t    max-width: var(--section-max-width);\n    \t    margin: 0 auto;\n    \t    font-weight: bold;\n    \t}\n    \t\n    \t.product-highlights .icon-item img {\n    \t    width: 100%;\n    \t    border-radius: 30px;\n    \t}\n    \t\n    \t.product-highlights .icon-item .txt1 {\n    \t    font-size: 28px; \/* 1.75rem → 28px *\/\n    \t    margin: 18px 0;\n    \t    color: var(--color-primary);\n\t\t\tline-height: 1.2;\n    \t}\n    \t\n    \t.product-highlights .icon-item .txt2 {\n    \t    font-size: 16px; \/* 1rem → 16px *\/\n    \t    color: var(--color-text-gray);\n    \t    font-weight: normal;\n    \t}\n    \t\n    \t@media (min-width: 769px) {\n    \t    .product-highlights .icon-list {\n    \t        display: flex;\n    \t        justify-content: space-between;\n    \t        gap: 20px;\n    \t    }\n    \t\n    \t    .product-highlights .icon-item {\n    \t        width: 30%;\n    \t        flex-shrink: 0;\n    \t        text-align: center;\n    \t    }\n    \t\n    \t    .section2 .icon-item-img {\n    \t        display: flex;\n    \t        align-items: center;\n    \t        justify-content: center;\n    \t        width: 100%;\n    \t        padding: 0 0 20px;\n    \t    }\n    \t\n    \t    .section2 .icon-item-img img {\n    \t        width: auto;\n    \t        height: 340px;\n    \t    }\n    \t}\n    \t\n    \t@media (max-width: 768px) {\n    \t    .product-highlights {\n    \t        padding: 0;\n    \t    }\n    \t\n    \t    .product-highlights .hlights-content {\n    \t        color: #222;\n    \t        padding: 40px 2vw; \/* 2.5rem → 40px *\/\n    \t        text-align: center;\n    \t    }\n    \t\n    \t    .product-highlights .icon-list .icon-item {\n    \t        margin-bottom: 46px; \/* 2.875rem → 46px *\/\n    \t    }\n    \t\n    \t    .product-highlights .icon-list .icon-item:last-child {\n    \t        margin-bottom: 0;\n    \t    }\n    \t\n    \t    .section2 .icon-item-img {\n    \t        display: flex;\n    \t        align-items: center;\n    \t        justify-content: center;\n    \t        width: 100%;\n    \t        padding: 5vw 0;\n    \t    }\n    \t}\n    \t\n    \t\/* ================================================================\n    \t   5. Section 3 — 产品网格 (product-grid)\n    \t   ================================================================ *\/\n    \t.section3 {\n    \t    background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/new-clock-back02.png?v=1782870237);\n    \t    background-size: cover;\n    \t    background-position: center 30%;\n    \t    background-repeat: no-repeat;\n    \t    padding: 55px 0;\n    \t}\n    \t\n    \t.section3 .product-grid {\n    \t    max-width: 880px;\n    \t    width: 100%;\n    \t    display: grid;\n    \t    grid-template-columns: repeat(4, 1fr);\n    \t    gap: 20px;\n    \t    justify-content: center;\n    \t    align-content: center;\n    \t    margin: 0 auto;\n    \t}\n    \t\n    \t.section3 .product-grid__item {\n    \t    text-align: center;\n    \t}\n    \t\n    \t.section3 .product-grid__icon {\n    \t    display: block;\n    \t    margin-bottom: 20px;\n    \t}\n    \t\n    \t.section3 .product-grid__icon img {\n    \t    width: 80px;\n    \t    height: 80px;\n    \t    object-fit: contain;\n    \t}\n    \t\n    \t.section3 .product-grid__name {\n    \t    font-size: 16px; \/* 1rem → 16px *\/\n    \t    font-weight: 600;\n    \t    color: var(--color-white);\n    \t    letter-spacing: 0.02em;\n    \t    display: inline-block;\n    \t}\n    \t\n    \t@media (max-width: 768px) {\n    \t    .section3 .product-grid {\n    \t        grid-template-columns: repeat(2, 1fr);\n    \t        gap: 16px;\n    \t    }\n    \t\n    \t    .section3 .product-grid__item {\n    \t        padding: 20px 8px 18px;\n    \t    }\n    \t\n    \t    .section3 .product-grid__icon img {\n    \t        width: 60px;\n    \t        height: 60px;\n    \t    }\n    \t\n    \t    .section3 .product-grid__name {\n    \t        font-size: 14.4px; \/* 0.9rem → 14.4px *\/\n    \t        padding: 2px 14px;\n    \t    }\n    \t}\n    \t\n    \t@media (max-width: 400px) {\n    \t    .section3 .product-grid {\n    \t        gap: 12px;\n    \t    }\n    \t\n    \t    .section3 .product-grid__item {\n    \t        padding: 14px 6px;\n    \t    }\n    \t}\n    \t\n    \t\/* ================================================================\n    \t   6. Section 4 — 视频轮播 (swiper-vide-list)\n    \t   ================================================================ *\/\n    \t.section4 {\n    \t    padding: 80px 0; \/* 5rem → 80px *\/\n    \t    background-color: var(--color-bg-light);\n    \t}\n    \t\n    \t.section4 .swiper-use-video-cont {\n    \t    width: 100%;\n    \t    max-width: var(--section-max-width);\n    \t    margin: 0 auto;\n    \t}\n    \t\n    \t.section4 .swiper-vide-list {\n    \t    width: 100%;\n    \t    overflow: hidden;\n    \t    position: relative;\n    \t}\n    \t\n    \t.section4 .swiper-slide {\n    \t    display: flex;\n    \t    flex-direction: column;\n    \t    transition: box-shadow var(--transition-default);\n    \t    height: auto;\n    \t}\n    \t\n    \t.section4 .swiper-slide video {\n    \t    display: block;\n    \t    width: 100%;\n    \t    height: auto;\n    \t    border-radius: var(--radius-lg);\n    \t}\n    \t\n    \t.section4 .swiper-slide a {\n    \t    display: block;\n    \t    text-align: center;\n    \t    padding: 12px 0;\n    \t    font-size: 14.4px; \/* 0.9rem → 14.4px *\/\n    \t    font-weight: 500;\n    \t    color: var(--color-text-dark);\n    \t    text-decoration: none;\n    \t    letter-spacing: 0.3px;\n    \t    transition: color var(--transition-default);\n    \t}\n    \t\n    \t.section4 .swiper-slide a:hover {\n    \t    color: var(--color-primary);\n    \t}\n    \t\n    \t\/* ---- 导航按钮 ---- *\/\n    \t.section4 .swiper-button-next,\n    \t.section4 .swiper-button-prev {\n    \t    display: flex;\n    \t    color: var(--color-text-dark);\n    \t    background: rgba(255, 255, 255, 0.8);\n    \t    backdrop-filter: blur(4px);\n    \t    width: 40px;\n    \t    height: 40px;\n    \t    border-radius: 50%;\n    \t    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\n    \t    border: 1px solid rgba(255, 255, 255, 0.6);\n    \t    transition: all 0.2s;\n    \t}\n    \t\n    \t.section4 .swiper-button-next:hover,\n    \t.section4 .swiper-button-prev:hover {\n    \t    background: var(--color-white);\n    \t    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.10);\n    \t}\n    \t\n    \t.section4 .swiper-button-next::after,\n    \t.section4 .swiper-button-prev::after {\n    \t    font-size: 22.4px; \/* 1.4rem → 22.4px *\/\n    \t    font-weight: 700;\n    \t    color: var(--color-text-dark);\n    \t}\n    \t\n    \t\/* ---- 电脑端：4列网格 ---- *\/\n    \t@media (min-width: 769px) {\n    \t    .section4 .swiper-vide-list .swiper-wrapper {\n    \t        display: grid;\n    \t        grid-template-columns: repeat(4, 1fr);\n    \t        gap: 20px;\n    \t        transform: none !important;\n    \t        transition: none !important;\n    \t    }\n    \t\n    \t    .section4 .swiper-vide-list .swiper-slide {\n    \t        margin: 0 !important;\n    \t        width: 100% !important;\n    \t        flex-shrink: 0;\n    \t    }\n    \t\n    \t    .section4 .swiper-button-next,\n    \t    .section4 .swiper-button-prev {\n    \t        display: none !important;\n    \t    }\n    \t}\n    \t\n    \t\/* ---- 手机端：1.6列滑动 ---- *\/\n    \t@media (max-width: 768px) {\n    \t    .section4 {\n    \t        padding: 10vw 2vw;\n    \t    }\n    \t\n    \t    .section4 .swiper-vide-list .swiper-wrapper {\n    \t        display: flex;\n    \t        align-items: stretch;\n    \t    }\n    \t\n    \t    .section4 .swiper-button-next,\n    \t    .section4 .swiper-button-prev {\n    \t        width: 36px;\n    \t        height: 36px;\n    \t    }\n    \t\n    \t    .section4 .swiper-button-next::after,\n    \t    .section4 .swiper-button-prev::after {\n    \t        font-size: 19.2px; \/* 1.2rem → 19.2px *\/\n    \t    }\n    \t\n    \t    .section4 .swiper-button-next {\n    \t        right: 6px;\n    \t    }\n    \t\n    \t    .section4 .swiper-button-prev {\n    \t        left: 6px;\n    \t    }\n    \t}\n    \t\n    \t@media (max-width: 420px) {\n    \t    .section4 .swiper-slide a {\n    \t        font-size: 12px; \/* 0.75rem → 12px *\/\n    \t        padding: 8px 4px 10px;\n    \t    }\n    \t}\n    \t\n    \t\/* ================================================================\n    \t   7. Section 5 — 更多特性轮播 (swiper-new-features)\n    \t   ================================================================ *\/\n    \t.section5 {\n    \t    overflow: hidden;\n    \t    background-color: var(--color-bg-light);\n    \t    padding: 0 0 20px;\n    \t}\n    \t\n    \t.section5 .new-features-cont {\n    \t    max-width: var(--section-max-width);\n    \t    margin: 0 auto;\n    \t}\n    \t\n    \t.section5 .swiper-new-features {\n    \t    overflow: visible;\n    \t    padding-bottom: 80px; \/* 5rem → 80px *\/\n    \t}\n    \t\n    \t.section5 .swiper-slide img {\n    \t    width: 100%;\n    \t    aspect-ratio: 1 \/ 1;\n    \t    border-radius: var(--radius-lg);\n    \t    object-fit: cover;\n    \t}\n    \t\n    \t\/* ---- 分页点 ---- *\/\n    \t.section5 .swiper-pagination {\n    \t    bottom: 4% !important;\n    \t    position: absolute !important;\n    \t    left: 50% !important;\n    \t    transform: translateX(-50%) !important;\n    \t    width: auto !important;\n    \t    display: flex;\n    \t    align-items: center;\n    \t    justify-content: center;\n    \t    gap: 6px;\n    \t    min-height: 20px;\n    \t}\n    \t\n    \t.section5 .swiper-pagination-bullet {\n    \t    display: inline-block;\n    \t    width: 10px;\n    \t    height: 10px;\n    \t    border-radius: 50%;\n    \t    background: rgba(0, 0, 0, 0.25);\n    \t    opacity: 1 !important;\n    \t    margin: 0 4px;\n    \t    cursor: pointer;\n    \t    transition: all 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) !important;\n    \t    transform: scale(1);\n    \t    transform-origin: center center;\n    \t    box-shadow: none;\n    \t    will-change: transform, opacity;\n    \t    position: relative;\n    \t    flex-shrink: 0;\n    \t}\n    \t\n    \t.section5 .swiper-pagination-bullet-active {\n    \t    background: #000000 !important;\n    \t    transform: scale(1.4) !important;\n    \t    box-shadow: 0 0 14px rgba(0, 0, 0, 0.3) !important;\n    \t}\n    \t\n    \t.section5 .swiper-pagination-bullet:hover {\n    \t    transform: scale(1.2) !important;\n    \t    background: rgba(0, 0, 0, 0.45) !important;\n    \t}\n    \t\n    \t.section5 .swiper-pagination-bullet-active:hover {\n    \t    transform: scale(1.4) !important;\n    \t    background: #000000 !important;\n    \t}\n    \t\n    \t.section5 .swiper-pagination-bullet-active::after {\n    \t    content: '';\n    \t    position: absolute;\n    \t    top: -4px;\n    \t    left: -4px;\n    \t    right: -4px;\n    \t    bottom: -4px;\n    \t    border-radius: 50%;\n    \t    border: 2px solid rgba(0, 0, 0, 0.12);\n    \t    animation: pulse-ring 2s ease-out infinite;\n    \t    pointer-events: none;\n    \t}\n    \t\n    \t@keyframes pulse-ring {\n    \t    0% {\n    \t        transform: scale(1);\n    \t        opacity: 1;\n    \t    }\n    \t    100% {\n    \t        transform: scale(1.8);\n    \t        opacity: 0;\n    \t    }\n    \t}\n    \t\n    \t\/* ---- 导航按钮 ---- *\/\n    \t.section5 .swiper-button-prev,\n    \t.section5 .swiper-button-next {\n    \t    display: flex;\n    \t    top: auto !important;\n    \t    bottom: 2% !important;\n    \t    color: var(--color-black) !important;\n    \t    width: 30px !important;\n    \t    height: 30px !important;\n    \t    border: 1px solid;\n    \t    border-radius: 50%;\n    \t}\n    \t\n    \t.section5 .swiper-button-prev {\n    \t    left: 50% !important;\n    \t    transform: translateX(-70px) !important;\n    \t}\n    \t\n    \t.section5 .swiper-button-next {\n    \t    right: 50% !important;\n    \t    transform: translateX(70px) !important;\n    \t}\n    \t\n    \t.section5 .swiper-button-prev::after,\n    \t.section5 .swiper-button-next::after {\n    \t    font-size: 18px !important;\n    \t    font-weight: 700;\n    \t    color: var(--color-black);\n    \t}\n    \t\n    \t@media (max-width: 768px) {\n    \t    .section5 {\n    \t        padding: 0 2vw;\n    \t    }\n    \t\n    \t    .section5 .swiper-new-features {\n    \t        padding-bottom: 15vw;\n    \t    }\n    \t\n    \t    .section5 .swiper-pagination-bullet {\n    \t        width: 8px;\n    \t        height: 8px;\n    \t        margin: 0 3px;\n    \t    }\n    \t\n    \t    .section5 .swiper-pagination-bullet-active {\n    \t        transform: scale(1.35) !important;\n    \t    }\n    \t\n    \t    .section5 .swiper-pagination-bullet-active::after {\n    \t        top: -3px;\n    \t        left: -3px;\n    \t        right: -3px;\n    \t        bottom: -3px;\n    \t    }\n    \t\n    \t    .section5 .swiper-button-prev {\n    \t        transform: translateX(-20vw) !important;\n    \t    }\n    \t\n    \t    .section5 .swiper-button-next {\n    \t        transform: translateX(20vw) !important;\n    \t    }\n    \t\n    \t    .section5 .swiper-button-prev::after,\n    \t    .section5 .swiper-button-next::after {\n    \t        font-size: 14px !important;\n    \t    }\n    \t}\n    \t\n    \t\/* ================================================================\n    \t   8. Section 6 — FAQ (折叠面板)\n    \t   ================================================================ *\/\n    \t.section6 {\n    \t    background-color: var(--color-bg-light);\n    \t    padding: 0px 0 40px;\n    \t}\n    \t\n    \t.section6 .faq-container {\n    \t    max-width: var(--section-max-width);\n    \t    margin: 0 auto;\n    \t}\n    \t\n    \t.section6 .faq-inner {\n    \t    display: flex;\n    \t    flex-direction: column;\n    \t    align-items: center;\n    \t    width: 100%;\n    \t}\n    \t\n    \t\/* ---- 标题 ---- *\/\n    \t.section6 .faq-header {\n    \t    text-align: center;\n    \t    margin-bottom: 28px;\n    \t}\n    \t\n    \t.section6 .faq-header h2 {\n    \t    font-size: 36px; \/* 2.25rem → 36px *\/\n    \t    line-height: 1.2;\n    \t    font-weight: 700;\n    \t    color: var(--color-primary);\n    \t    margin-bottom: 30px;\n    \t}\n    \t\n    \t.section6 .faq-header p {\n    \t    font-size: 14.4px; \/* 0.9rem → 14.4px *\/\n    \t    line-height: 1.5;\n    \t    color: var(--color-primary);\n    \t}\n    \t\n    \t.section6 .faq-header p a {\n    \t    color: var(--color-primary);\n    \t    text-decoration: underline;\n    \t}\n    \t\n    \t.section6 .faq-header p a:hover {\n    \t    opacity: 0.7;\n    \t}\n    \t\n    \t\/* ---- FAQ列表 ---- *\/\n    \t.section6 .faq-list {\n    \t    width: calc(100% - 56px);\n    \t    border-radius: var(--radius-md);\n    \t    background-color: #FFFCD1;\n    \t    overflow: hidden;\n    \t    padding: 0 28px;\n    \t}\n    \t\n    \t\/* ---- 单个FAQ项 ---- *\/\n    \t.section6 .faq-item {\n    \t    display: block;\n    \t    border-bottom: 1px solid rgba(255, 48, 204, 0.08);\n    \t    background-color: transparent;\n    \t}\n    \t\n    \t.section6 .faq-item:last-child {\n    \t    border-bottom: none;\n    \t}\n    \t\n    \t.section6 .faq-item summary {\n    \t    list-style: none;\n    \t    cursor: pointer;\n    \t    padding: 0;\n    \t    user-select: none;\n    \t}\n    \t\n    \t.section6 .faq-item summary::-webkit-details-marker {\n    \t    display: none;\n    \t}\n    \t\n    \t\/* ---- 切换按钮 ---- *\/\n    \t.section6 .faq-toggle {\n    \t    display: flex;\n    \t    align-items: center;\n    \t    justify-content: space-between;\n    \t    padding: 16px 0;\n    \t    font-weight: 600;\n    \t    font-size: 13.6px; \/* 0.85rem → 13.6px *\/\n    \t    line-height: 1.3;\n    \t    color: var(--color-primary);\n    \t    gap: 12px;\n    \t}\n    \t\n    \t\/* ---- 图标 ---- *\/\n    \t.section6 .faq-icon {\n    \t    flex-shrink: 0;\n    \t    display: flex;\n    \t    align-items: center;\n    \t    justify-content: center;\n    \t    width: 22px;\n    \t    height: 22px;\n    \t    border-radius: 50%;\n    \t    background-color: rgba(255, 48, 204, 0.2);\n    \t    transition: transform var(--transition-default), background-color var(--transition-default);\n    \t}\n    \t\n    \t.section6 .faq-icon svg {\n    \t    width: 9px;\n    \t    height: 7px;\n    \t    color: var(--color-primary);\n    \t    transition: transform var(--transition-default), color var(--transition-default);\n    \t}\n    \t\n    \t.section6 .faq-item:hover .faq-icon {\n    \t    background-color: var(--color-primary);\n    \t}\n    \t\n    \t.section6 .faq-item:hover .faq-icon svg {\n    \t    color: var(--color-white);\n    \t}\n    \t\n    \t\/* ---- 内容区域 ---- *\/\n    \t.section6 .faq-content {\n    \t    color: var(--color-primary);\n    \t    font-size: 12.8px; \/* 0.8rem → 12.8px *\/\n    \t    line-height: 1.5;\n    \t    overflow: hidden;\n    \t    max-height: 0;\n    \t    opacity: 0;\n    \t    transform: translateY(-12px);\n    \t    padding-bottom: 20px;\n    \t}\n    \t\n    \t\/* ---- 展开状态 ---- *\/\n    \t.section6 .faq-item.is-open .faq-content {\n    \t    max-height: 600px;\n    \t    opacity: 1;\n    \t    transform: translateY(0);\n    \t    padding: 0 0 20px;\n    \t}\n    \t\n    \t.section6 .faq-item.is-open .faq-icon {\n    \t    background-color: var(--color-primary);\n    \t}\n    \t\n    \t.section6 .faq-item.is-open .faq-icon svg {\n    \t    transform: rotate(180deg);\n    \t    color: var(--color-white);\n    \t}\n    \t\n    \t.section6 .faq-item.is-open:hover .faq-icon {\n    \t    background-color: var(--color-primary);\n    \t}\n    \t\n    \t.section6 .faq-item.is-open:hover .faq-icon svg {\n    \t    color: var(--color-white);\n    \t}\n    \t\n    \t.section6 .faq-content a {\n    \t    color: var(--color-primary);\n    \t}\n    \t\n    \t.section6 .faq-content p {\n    \t    margin: 0 0 10px 0;\n    \t}\n    \t\n    \t.section6 .faq-content p:last-child {\n    \t    margin-bottom: 0;\n    \t}\n    \t\n    \t.section6 .faq-content ul {\n    \t    margin: 6px 0 10px 0;\n    \t    padding-left: 20px;\n    \t}\n    \t\n    \t.section6 .faq-content ul li {\n    \t    margin-bottom: 3px;\n    \t    font-size: 12.48px; \/* 0.78rem → 12.48px *\/\n    \t}\n    \t\n    \t.section6 .faq-content strong {\n    \t    font-weight: 600;\n    \t    color: var(--color-primary);\n    \t}\n    \t\n    \t\/* ---- 响应式 ---- *\/\n    \t@media (min-width: 769px) {\n    \t    .section6 .faq-header h2 {\n    \t        font-size: 60px; \/* 3.75rem → 60px *\/\n    \t    }\n    \t\n    \t    .section6 .faq-header p {\n    \t        font-size: 21.6px; \/* 1.35rem → 21.6px *\/\n    \t    }\n    \t\n    \t    .section6 .faq-toggle {\n    \t        padding: 20px 0;\n    \t        font-size: 16px; \/* 1rem → 16px *\/\n    \t    }\n    \t\n    \t    .section6 .faq-item.is-open .faq-content {\n    \t        padding: 0 0 20px;\n    \t    }\n    \t\n    \t    .section6 .faq-content {\n    \t        font-size: 16px; \/* 1rem → 16px *\/\n    \t        padding-bottom: 20px;\n    \t    }\n    \t}\n    \t\n    \t@media (max-width: 768px) {\n    \t    .section6 {\n    \t        padding:0vw 2vw 6vw;\n    \t    }\n    \t\n    \t    .section6 .faq-header h2 {\n    \t        font-size: 28px; \/* 1.75rem → 28px *\/\n    \t    }\n    \t\n    \t    .section6 .faq-header p {\n    \t        font-size: 12.8px; \/* 0.8rem → 12.8px *\/\n    \t    }\n    \t\n    \t    .section6 .faq-list {\n    \t        width: calc(100% - 24px);\n    \t        padding: 0 12px;\n    \t    }\n    \t\n    \t    .section6 .faq-toggle {\n    \t        padding: 14px 0;\n    \t        font-size: 12.8px; \/* 0.8rem → 12.8px *\/\n    \t    }\n    \t\n    \t    .section6 .faq-item.is-open .faq-content {\n    \t        padding: 0 0 16px;\n    \t    }\n    \t\n    \t    .section6 .faq-content {\n    \t        padding-bottom: 16px;\n    \t        font-size: 12px; \/* 0.75rem → 12px *\/\n    \t    }\n    \t\n    \t    .section6 .faq-content ul {\n    \t        padding-left: 16px;\n    \t    }\n    \t\n    \t    .section6 .faq-content ul li {\n    \t        font-size: 11.68px; \/* 0.73rem → 11.68px *\/\n    \t    }\n    \t}\n    \t\n    \t\/* ================================================================\n    \t   9. Section 7 — 品牌宣言 (letter-section)\n    \t   ================================================================ *\/\n    \t.section7 {\n    \t    background-color: var(--color-bg-light);\n    \t    padding: 40px 0;\n    \t    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/new-clock-back03.png?v=1782888484');\n    \t    background-size: cover;\n    \t    background-position: center 30%;\n    \t    background-repeat: no-repeat;\n    \t}\n    \t\n    \t.section7 .letter-container {\n    \t    max-width: var(--section-max-width);\n    \t    margin: 0 auto;\n    \t}\n    \t\n    \t.section7 .letter-top {\n    \t    color: var(--color-primary);\n    \t    line-height: 1.3;\n    \t    font-weight: bold;\n    \t    display: flex;\n    \t    justify-content: flex-end;\n    \t    align-items: center;\n    \t    text-align: right;\n    \t}\n    \t\n    \t.section7 .letter-but {\n    \t    margin-top: 60px; \/* 3.75rem → 60px *\/\n    \t    color: var(--color-text-gray);\n    \t}\n    \t\n    \t@media (min-width: 769px) {\n    \t    .section7 .letter-top .text {\n    \t        margin-right: 70px;\n    \t    }\n    \t\n    \t    .section7 .letter-top .tit1 {\n    \t        font-size: 46px; \/* 2.875rem → 46px *\/\n    \t    }\n    \t\n    \t    .section7 .letter-top .tit2 {\n    \t        font-size: 14px; \/* 0.875rem → 14px *\/\n    \t        margin-top: 16px; \/* 1rem → 16px *\/\n    \t    }\n    \t\n    \t    .section7 .letter-but p {\n    \t        font-size: 25.2px; \/* 1.575rem → 25.2px *\/\n    \t        margin-bottom: 64px; \/* 4rem → 64px *\/\n    \t    }\n    \t}\n    \t\n    \t@media (max-width: 768px) {\n    \t    .section7 {\n    \t        padding: 6vw 2vw;\n    \t    }\n    \t\n    \t    .section7 .letter-top {\n    \t        flex-direction: column;\n    \t        text-align: center;\n    \t    }\n    \t\n    \t    .section7 .letter-top\u003eimg {\n    \t        width: 80%;\n    \t        order: -1;\n    \t        margin-bottom: 6vw;\n    \t    }\n    \t\n    \t    .section7 .letter-top .tit1 {\n    \t        font-size: 24px; \/* 1.5rem → 24px *\/\n    \t    }\n    \t\n    \t    .section7 .letter-top .tit2 {\n    \t        font-size: 14px; \/* 0.875rem → 14px *\/\n    \t        margin-top: 16px; \/* 1rem → 16px *\/\n    \t    }\n    \t\n    \t    .section7 .letter-but p {\n    \t        font-size: 16px; \/* 1rem → 16px *\/\n    \t        margin-bottom: 4vw;\n    \t        text-align: center;\n    \t    }\n    \t}\n    \u003c\/style\u003e\n    \u003c!-- ============================================================\n    Section 1 — 固定背景轮播\n    ============================================================ --\u003e\n    \u003csection class=\"ce-hero-swiper product-section section1\"\u003e\n    \t\u003cdiv class=\"swiper\"\u003e\n    \t\t\u003cdiv class=\"swiper-wrapper\"\u003e\n    \t\t\t\u003cdiv class=\"swiper-slide\"\u003e\n    \t\t\t\t\u003cdiv class=\"slide-content\"\u003e\n    \t\t\t\t\t\u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n    \t\t\t\t\t\u003cp\u003eThis naughty alarm clock makes you stay in bed a little bit longer\u003c\/p\u003e\n    \t\t\t\t\t\u003cspan class=\"meta\"\u003e@msuniqstyles\u003c\/span\u003e\n    \t\t\t\t\u003c\/div\u003e\n    \t\t\t\u003c\/div\u003e\n    \t\t\t\u003cdiv class=\"swiper-slide\"\u003e\n    \t\t\t\t\u003cdiv class=\"slide-content\"\u003e\n    \t\t\t\t\t\u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n    \t\t\t\t\t\u003cp\u003eLooks Innocent, Works Wonders! I wasn't sure what to expect from beyourlovertoy sent me\n    \t\t\t\t\t\tthis to test and review but it absolutely exceeded my expectations!\u003c\/p\u003e\n    \t\t\t\t\t\u003cspan class=\"meta\"\u003e@poxxity\u003c\/span\u003e\n    \t\t\t\t\u003c\/div\u003e\n    \t\t\t\u003c\/div\u003e\n    \t\t\t\u003cdiv class=\"swiper-slide\"\u003e\n    \t\t\t\t\u003cdiv class=\"slide-content\"\u003e\n    \t\t\t\t\t\u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n    \t\t\t\t\t\u003cp\u003eI got this clock with the aim of getting out of bed and being more productive - then I\n    \t\t\t\t\t\tfound out about its other \"perks\" and well, I think I might actually end up spending\n    \t\t\t\t\t\tmore time in bed\u003c\/p\u003e\n    \t\t\t\t\t\u003cspan class=\"meta\"\u003e@lolaxsaint\u003c\/span\u003e\n    \t\t\t\t\u003c\/div\u003e\n    \t\t\t\u003c\/div\u003e\n    \t\t\u003c\/div\u003e\n    \t\t\u003cdiv class=\"swiper-pagination\"\u003e\u003c\/div\u003e\n    \t\t\u003cdiv class=\"swiper-button-prev\"\u003e\u003c\/div\u003e\n    \t\t\u003cdiv class=\"swiper-button-next\"\u003e\u003c\/div\u003e\n    \t\u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ============================================================\n    Section 2 — 产品亮点\n    ============================================================ --\u003e\n    \u003csection id=\"highlights\" class=\"product-section section2\"\u003e\n    \t\u003cdiv class=\"product-highlights\"\u003e\n    \t\t\u003cdiv class=\"hlights-content\"\u003e\n    \t\t\t\u003cdiv class=\"icon-list\"\u003e\n    \t\t\t\t\u003c!-- 亮点 1 --\u003e\n    \t\t\t\t\u003cdiv class=\"icon-item\"\u003e\n    \t\t\t\t\t\u003cdiv class=\"icon-item-img\"\u003e\n    \t\t\t\t\t\t\u003cimg decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/new-clock-point05.png?v=1783405053\" alt=\"2-in-1 Design\" title=\"clock\"\u003e\n    \t\t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\t\u003cdiv class=\"txt1\"\u003e\n    \t\t\t\t\t\t2-in-1 \u003cbr\u003e\n    \t\t\t\t\t\tDesign\n    \t\t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\t\u003cdiv class=\"txt2\"\u003e\n    \t\t\t\t\t\tFunctions as a working alarm clock with a time display, while offering something extra\n    \t\t\t\t\t\tfor your private moments.\n    \t\t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003c!-- 亮点 2 --\u003e\n    \t\t\t\t\u003cdiv class=\"icon-item\"\u003e\n    \t\t\t\t\t\u003cdiv class=\"icon-item-img\"\u003e\n    \t\t\t\t\t\t\u003cimg decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/new-clock-point04.jpg?v=1783068378\" alt=\"Cute, Yet Discreet\" title=\"clock\"\u003e\n    \t\t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\t\u003cdiv class=\"txt1\"\u003e\n    \t\t\t\t\t\tCute, Yet\n    \t\t\t\t\t\t\u003cbr\u003eDiscreet\n    \t\t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\t\u003cdiv class=\"txt2\"\u003e\n    \t\t\t\t\t\tAn intelligent design that combines functionality and aesthetics. Sweet, but nobody\n    \t\t\t\t\t\twould ever guess its real purpose.\n    \t\t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003c!-- 亮点 3 --\u003e\n    \t\t\t\t\u003cdiv class=\"icon-item\"\u003e\n    \t\t\t\t\t\u003cdiv class=\"icon-item-img\"\u003e\n    \t\t\t\t\t\t\u003cimg decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/new-clock-more_features14.jpg?v=1783066199\" alt=\"A Gift for Special Moments\" title=\"clock\"\u003e\n    \t\t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\t\u003cdiv class=\"txt1\"\u003e\n    \t\t\t\t\t\tA Gift for \u003cbr\u003e\n    \t\t\t\t\t\tSpecial Moments\n    \t\t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\t\u003cdiv class=\"txt2\"\u003e\n    \t\t\t\t\t\tIdeal for special occasions, making it a perfect gift for a loved one on Valentine's Day\n    \t\t\t\t\t\tor anniversaries.\n    \t\t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003c\/div\u003e\n    \t\t\t\u003c\/div\u003e\n    \t\t\u003c\/div\u003e\n    \t\u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ============================================================\n    Section 3 — 产品网格\n    ============================================================ --\u003e\n    \u003csection class=\"product-section section3\"\u003e\n    \t\u003cdiv class=\"product-grid\"\u003e\n    \t\t\u003c!-- 产品 1 --\u003e\n    \t\t\u003cdiv class=\"product-grid__item\"\u003e\n    \t\t\t\u003cspan class=\"product-grid__icon\"\u003e\n    \t\t\t\t\u003cimg decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/new-clock-icon01.png?v=1782870234\" alt=\"8 Suction Patterns\"\u003e\n    \t\t\t\u003c\/span\u003e\n    \t\t\t\u003cspan class=\"product-grid__name\"\u003e8 Suction Patterns\u003c\/span\u003e\n    \t\t\u003c\/div\u003e\n    \t\t\u003c!-- 产品 2 --\u003e\n    \t\t\u003cdiv class=\"product-grid__item\"\u003e\n    \t\t\t\u003cspan class=\"product-grid__icon\"\u003e\n    \t\t\t\t\u003cimg decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/new-clock-icon02.png?v=1782870234\" alt=\"9 Vibration Patterns\"\u003e\n    \t\t\t\u003c\/span\u003e\n    \t\t\t\u003cspan class=\"product-grid__name\"\u003e9 Vibration Patterns\u003c\/span\u003e\n    \t\t\u003c\/div\u003e\n    \t\t\u003c!-- 产品 3 --\u003e\n    \t\t\u003cdiv class=\"product-grid__item\"\u003e\n    \t\t\t\u003cspan class=\"product-grid__icon\"\u003e\n    \t\t\t\t\u003cimg decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/new-clock-icon03.png?v=1782870234\" alt=\"APP-Enabled\"\u003e\n    \t\t\t\u003c\/span\u003e\n    \t\t\t\u003cspan class=\"product-grid__name\"\u003eAPP-Enabled\u003c\/span\u003e\n    \t\t\u003c\/div\u003e\n    \t\t\u003c!-- 产品 4 --\u003e\n    \t\t\u003cdiv class=\"product-grid__item\"\u003e\n    \t\t\t\u003cspan class=\"product-grid__icon\"\u003e\n    \t\t\t\t\u003cimg decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/new-clock-icon04.png?v=1782870234\" alt=\"Discreet Shipping\"\u003e\n    \t\t\t\u003c\/span\u003e\n    \t\t\t\u003cspan class=\"product-grid__name\"\u003eDiscreet Shipping\u003c\/span\u003e\n    \t\t\u003c\/div\u003e\n    \t\u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ============================================================\n    Section 4 — 视频轮播\n    ============================================================ --\u003e\n    \u003csection id=\"swiper-use-video\" class=\"product-section section4\"\u003e\n    \t\u003cdiv class=\"swiper-use-video-cont\"\u003e\n    \t\t\u003cdiv class=\"con-title\"\u003eWatch Naughty Clock in Action\u003c\/div\u003e\n    \t\t\u003cdiv class=\"swiper swiper-vide-list\"\u003e\n    \t\t\t\u003cdiv class=\"swiper-wrapper\"\u003e\n    \t\t\t\t\u003c!-- 视频 1 --\u003e\n    \t\t\t\t\u003cdiv class=\"swiper-slide\"\u003e\n    \t\t\t\t\t\u003cvideo width=\"100%\" type=\"video\/mp4\" src=\"https:\/\/img.beyourlover.com\/2026\/07\/14080933\/clock-6.mp4\" controls=\"true\" muted=\"true\" playsinline=\"true\" disablepictureinpicture=\"true\" controlslist=\"nodownload\" preload=\"auto\"\u003e\n    \t\t\t\t\t\u003c\/video\u003e\n    \t\t\t\t\t\u003ca href=\"https:\/\/www.instagram.com\/p\/DatIjJHIgRB\/\" target=\"_blank\" rel=\"nofollow\"\u003e@sandy_blux\u003c\/a\u003e\n    \t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003c!-- 视频 2 --\u003e\n    \t\t\t\t\u003cdiv class=\"swiper-slide\"\u003e\n    \t\t\t\t\t\u003cvideo width=\"100%\" type=\"video\/mp4\" src=\"https:\/\/img.beyourlover.com\/2026\/06\/12060706\/clock-2.mp4\" controls=\"true\" muted=\"true\" playsinline=\"true\" disablepictureinpicture=\"true\" controlslist=\"nodownload\" preload=\"auto\"\u003e\n    \t\t\t\t\t\u003c\/video\u003e\n    \t\t\t\t\t\u003ca href=\"https:\/\/www.instagram.com\/missfetilicious_\/\" target=\"_blank\" rel=\"nofollow\"\u003e@missfetilicious\u003c\/a\u003e\n    \t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003c!-- 视频 3 --\u003e\n    \t\t\t\t\u003cdiv class=\"swiper-slide\"\u003e\n    \t\t\t\t\t\u003cvideo width=\"100%\" type=\"video\/mp4\" src=\"https:\/\/img.beyourlover.com\/2026\/06\/12060759\/clock-3.mp4\" controls=\"true\" muted=\"true\" playsinline=\"true\" disablepictureinpicture=\"true\" controlslist=\"nodownload\" preload=\"auto\"\u003e\n    \t\t\t\t\t\u003c\/video\u003e\n    \t\t\t\t\t\u003ca href=\"https:\/\/www.instagram.com\/byannss_csp\/\" target=\"_blank\" rel=\"nofollow\"\u003e@byannss_csp\u003c\/a\u003e\n    \t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003c!-- 视频 4 --\u003e\n    \t\t\t\t\u003cdiv class=\"swiper-slide\"\u003e\n    \t\t\t\t\t\u003cvideo width=\"100%\" type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/8040360e20f04fd2a27831df007d4a3e.mp4\" controls=\"true\" muted=\"true\" playsinline=\"true\" disablepictureinpicture=\"true\" controlslist=\"nodownload\" preload=\"auto\"\u003e\n    \t\t\t\t\t\u003c\/video\u003e\n    \t\t\t\t\t\u003ca href=\"https:\/\/www.instagram.com\/heymissbehave\/\" target=\"_blank\" rel=\"nofollow\"\u003e@heymissbehave\u003c\/a\u003e\n    \t\t\t\t\u003c\/div\u003e\n    \t\t\t\u003c\/div\u003e\n    \t\t\t\u003cdiv class=\"swiper-button-next\"\u003e\u003c\/div\u003e\n    \t\t\t\u003cdiv class=\"swiper-button-prev\"\u003e\u003c\/div\u003e\n    \t\t\u003c\/div\u003e\n    \t\u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ============================================================\n    Section 5 — 更多特性轮播\n    ============================================================ --\u003e\n    \u003csection id=\"new-features\" class=\"product-section section5\"\u003e\n    \t\u003cdiv class=\"new-features-cont\"\u003e\n\t\t\t\u003cdiv class=\"con-title\"\u003eNaughty Clock Gallery\u003c\/div\u003e\n    \t\t\u003cdiv class=\"swiper swiper-new-features\"\u003e\n    \t\t\t\u003cdiv class=\"swiper-wrapper\"\u003e\n\t\t\t\t\t\u003cdiv class=\"swiper-slide\"\u003e\n\t\t\t\t\t\t\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/new-clock-more_features09.png?v=1782873490\" decoding=\"async\" alt=\"Feature 09\"\u003e\n\t\t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003cdiv class=\"swiper-slide\"\u003e\n    \t\t\t\t\t\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/new-clock-more_features02.png?v=1782873490\" decoding=\"async\" alt=\"Feature 02\"\u003e\n    \t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003cdiv class=\"swiper-slide\"\u003e\n    \t\t\t\t\t\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/new-clock-more_features15.jpg?v=1783406784\" decoding=\"async\" alt=\"Feature 06\"\u003e\n    \t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003cdiv class=\"swiper-slide\"\u003e\n    \t\t\t\t\t\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/new-clock-more_features08.jpg?v=1782873490\" decoding=\"async\" alt=\"Feature 08\"\u003e\n    \t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003cdiv class=\"swiper-slide\"\u003e\n    \t\t\t\t\t\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/new-clock-more_features01.png?v=1782873489\" decoding=\"async\" alt=\"Feature 01\"\u003e\n    \t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003cdiv class=\"swiper-slide\"\u003e\n    \t\t\t\t\t\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/new-clock-more_features10.jpg?v=1782873489\" decoding=\"async\" alt=\"Feature 10\"\u003e\n    \t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003cdiv class=\"swiper-slide\"\u003e\n    \t\t\t\t\t\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/new-clock-more_features11.jpg?v=1782873488\" decoding=\"async\" alt=\"Feature 11\"\u003e\n    \t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003cdiv class=\"swiper-slide\"\u003e\n    \t\t\t\t\t\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/new-clock-more_features12.jpg?v=1782873488\" decoding=\"async\" alt=\"Feature 12\"\u003e\n    \t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003cdiv class=\"swiper-slide\"\u003e\n    \t\t\t\t\t\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/new-clock-more_features13.jpg?v=1782873488\" decoding=\"async\" alt=\"Feature 13\"\u003e\n    \t\t\t\t\u003c\/div\u003e\n    \t\t\t\u003c\/div\u003e\n    \t\t\t\u003cdiv class=\"swiper-pagination\"\u003e\u003c\/div\u003e\n    \t\t\t\u003cdiv class=\"swiper-button-next\"\u003e\u003c\/div\u003e\n    \t\t\t\u003cdiv class=\"swiper-button-prev\"\u003e\u003c\/div\u003e\n    \t\t\u003c\/div\u003e\n    \t\u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ============================================================\n    Section 6 — FAQ\n    ============================================================ --\u003e\n    \u003csection id=\"nancy-faq-section\" class=\"product-section section6\"\u003e\n    \t\u003cdiv class=\"faq-container\"\u003e\n    \t\t\u003cdiv class=\"faq-inner\"\u003e\n    \t\t\t\u003c!-- 标题 --\u003e\n    \t\t\t\u003cdiv class=\"faq-header\"\u003e\n    \t\t\t\t\u003ch2\u003eFAQ's\u003c\/h2\u003e\n    \t\t\t\t\u003cp\u003eCurious to learn more? We've got you covered.\u003c\/p\u003e\n    \t\t\t\u003c\/div\u003e\n\n    \t\t\t\u003c!-- FAQ列表 --\u003e\n    \t\t\t\u003cdiv class=\"faq-list\"\u003e\n    \t\t\t\t\u003c!-- FAQ 1 --\u003e\n    \t\t\t\t\u003cdetails class=\"faq-item\" aria-expanded=\"false\"\u003e\n    \t\t\t\t\t\u003csummary\u003e\n    \t\t\t\t\t\t\u003cdiv class=\"faq-toggle\"\u003e\n    \t\t\t\t\t\t\t\u003cspan\u003eDo you ship internationally?\u003c\/span\u003e\n    \t\t\t\t\t\t\t\u003cspan class=\"faq-icon\"\u003e\n    \t\t\t\t\t\t\t\t\u003csvg width=\"8\" height=\"6\" viewbox=\"0 0 8 6\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n    \t\t\t\t\t\t\t\t\t\u003cpath d=\"m1 1.5 3 3 3-3\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n    \t\t\t\t\t\t\t\t\u003c\/svg\u003e\n    \t\t\t\t\t\t\t\u003c\/span\u003e\n    \t\t\t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\t\u003c\/summary\u003e\n    \t\t\t\t\t\u003cdiv class=\"faq-content\"\u003e\n    \t\t\t\t\t\t\u003cp\u003eWe ship to most \u003cstrong\u003ecountries worldwide!\u003c\/strong\u003e\u003c\/p\u003e\n    \t\t\t\t\t\t\u003cp\u003eHowever, please note the following details regarding shipping times and origin:\u003c\/p\u003e\n    \t\t\t\t\t\t\u003cul\u003e\n    \t\t\t\t\t\t\t\u003cli\u003e\n    \t\t\t\t\t\t\t\t1. \u003cstrong\u003eShipping Origin:\u003c\/strong\u003e\n    \t\t\t\t\t\t\t\t\u003cul\u003e\n    \t\t\t\t\t\t\t\t\t\u003cli\u003eOrders within the \u003cstrong\u003eUnited States\u003c\/strong\u003e are shipped from our\n    \t\t\t\t\t\t\t\t\t\twarehouse in \u003cstrong\u003eCalifornia\u003c\/strong\u003e.\u003c\/li\u003e\n    \t\t\t\t\t\t\t\t\t\u003cli\u003eOrders to Europe are shipped from our local European warehouse.\u003c\/li\u003e\n    \t\t\t\t\t\t\t\t\t\u003cli\u003eFor all other countries, orders are shipped \u003cstrong\u003edirectly from our\n    \t\t\t\t\t\t\t\t\t\t\tfactory\u003c\/strong\u003e to ensure the fastest delivery possible.\u003c\/li\u003e\n    \t\t\t\t\t\t\t\t\u003c\/ul\u003e\n    \t\t\t\t\t\t\t\u003c\/li\u003e\n    \t\t\t\t\t\t\t\u003cli\u003e\n    \t\t\t\t\t\t\t\t2. \u003cstrong\u003eEstimated Shipping Times:\u003c\/strong\u003e\n    \t\t\t\t\t\t\t\t\u003cul\u003e\n    \t\t\t\t\t\t\t\t\t\u003cli\u003e\n\u003cstrong\u003eUnited States (California Warehouse):\u003c\/strong\u003e 3-5 business days\n    \t\t\t\t\t\t\t\t\t\u003c\/li\u003e\n    \t\t\t\t\t\t\t\t\t\u003cli\u003e\n\u003cstrong\u003eEurope (Local Warehouse):\u003c\/strong\u003e 5-7 business days\u003c\/li\u003e\n    \t\t\t\t\t\t\t\t\t\u003cli\u003e\n\u003cstrong\u003eOther Countries (Factory Direct):\u003c\/strong\u003e 7-15 business days\n    \t\t\t\t\t\t\t\t\t\t(depending on destination)\u003c\/li\u003e\n    \t\t\t\t\t\t\t\t\u003c\/ul\u003e\n    \t\t\t\t\t\t\t\u003c\/li\u003e\n    \t\t\t\t\t\t\u003c\/ul\u003e\n    \t\t\t\t\t\t\u003cp\u003ePlease note that shipping times may vary due to customs processing, holidays, or\n    \t\t\t\t\t\t\tunforeseen delays.\u003c\/p\u003e\n    \t\t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003c\/details\u003e\n\n    \t\t\t\t\u003c!-- FAQ 2 --\u003e\n    \t\t\t\t\u003cdetails class=\"faq-item\" aria-expanded=\"false\"\u003e\n    \t\t\t\t\t\u003csummary\u003e\n    \t\t\t\t\t\t\u003cdiv class=\"faq-toggle\"\u003e\n    \t\t\t\t\t\t\t\u003cspan\u003eWhat's your shipping policy?\u003c\/span\u003e\n    \t\t\t\t\t\t\t\u003cspan class=\"faq-icon\"\u003e\n    \t\t\t\t\t\t\t\t\u003csvg width=\"8\" height=\"6\" viewbox=\"0 0 8 6\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n    \t\t\t\t\t\t\t\t\t\u003cpath d=\"m1 1.5 3 3 3-3\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n    \t\t\t\t\t\t\t\t\u003c\/svg\u003e\n    \t\t\t\t\t\t\t\u003c\/span\u003e\n    \t\t\t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\t\u003c\/summary\u003e\n    \t\t\t\t\t\u003cdiv class=\"faq-content\"\u003e\n    \t\t\t\t\t\t\u003cp\u003e\n    \t\t\t\t\t\t\tYou can find our full shipping policy here:\n    \t\t\t\t\t\t\t\u003ca href=\"https:\/\/naughtyclock.com\/pages\/shipping-policy\"\u003ehttps:\/\/naughtyclock.com\/pages\/shipping-policy\u003c\/a\u003e\n    \t\t\t\t\t\t\u003c\/p\u003e\n    \t\t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003c\/details\u003e\n\n    \t\t\t\t\u003c!-- FAQ 3 --\u003e\n    \t\t\t\t\u003cdetails class=\"faq-item\" aria-expanded=\"false\"\u003e\n    \t\t\t\t\t\u003csummary\u003e\n    \t\t\t\t\t\t\u003cdiv class=\"faq-toggle\"\u003e\n    \t\t\t\t\t\t\t\u003cspan\u003eWhat's the warranty period?\u003c\/span\u003e\n    \t\t\t\t\t\t\t\u003cspan class=\"faq-icon\"\u003e\n    \t\t\t\t\t\t\t\t\u003csvg width=\"8\" height=\"6\" viewbox=\"0 0 8 6\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n    \t\t\t\t\t\t\t\t\t\u003cpath d=\"m1 1.5 3 3 3-3\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n    \t\t\t\t\t\t\t\t\u003c\/svg\u003e\n    \t\t\t\t\t\t\t\u003c\/span\u003e\n    \t\t\t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\t\u003c\/summary\u003e\n    \t\t\t\t\t\u003cdiv class=\"faq-content\"\u003e\n    \t\t\t\t\t\t\u003cp\u003e\n    \t\t\t\t\t\t\tBeYourLover offers a 1-year warranty on all rechargeable and battery-powered items\n    \t\t\t\t\t\t\tpurchased through BeYourLover directly. You can check more details here:\n    \t\t\t\t\t\t\t\u003ca href=\"https:\/\/naughtyclock.com\/pages\/warranty-claim\"\u003ehttps:\/\/naughtyclock.com\/pages\/warranty-claim\u003c\/a\u003e\n    \t\t\t\t\t\t\u003c\/p\u003e\n    \t\t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003c\/details\u003e\n\n    \t\t\t\t\u003c!-- FAQ 4 --\u003e\n    \t\t\t\t\u003cdetails class=\"faq-item\" aria-expanded=\"false\"\u003e\n    \t\t\t\t\t\u003csummary\u003e\n    \t\t\t\t\t\t\u003cdiv class=\"faq-toggle\"\u003e\n    \t\t\t\t\t\t\t\u003cspan\u003eWhat's the return policy?\u003c\/span\u003e\n    \t\t\t\t\t\t\t\u003cspan class=\"faq-icon\"\u003e\n    \t\t\t\t\t\t\t\t\u003csvg width=\"8\" height=\"6\" viewbox=\"0 0 8 6\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n    \t\t\t\t\t\t\t\t\t\u003cpath d=\"m1 1.5 3 3 3-3\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n    \t\t\t\t\t\t\t\t\u003c\/svg\u003e\n    \t\t\t\t\t\t\t\u003c\/span\u003e\n    \t\t\t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\t\u003c\/summary\u003e\n    \t\t\t\t\t\u003cdiv class=\"faq-content\"\u003e\n    \t\t\t\t\t\t\u003cp\u003eYou can find our return policy here:\n    \t\t\t\t\t\t\t\u003ca href=\"https:\/\/naughtyclock.com\/pages\/return-policy\"\u003ehttps:\/\/naughtyclock.com\/pages\/return-policy\u003c\/a\u003e\n    \t\t\t\t\t\t\u003c\/p\u003e\n    \t\t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003c\/details\u003e\n\n    \t\t\t\t\u003c!-- FAQ 5 --\u003e\n    \t\t\t\t\u003cdetails class=\"faq-item\" aria-expanded=\"false\"\u003e\n    \t\t\t\t\t\u003csummary\u003e\n    \t\t\t\t\t\t\u003cdiv class=\"faq-toggle\"\u003e\n    \t\t\t\t\t\t\t\u003cspan\u003eIs your packaging discreet?\u003c\/span\u003e\n    \t\t\t\t\t\t\t\u003cspan class=\"faq-icon\"\u003e\n    \t\t\t\t\t\t\t\t\u003csvg width=\"8\" height=\"6\" viewbox=\"0 0 8 6\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n    \t\t\t\t\t\t\t\t\t\u003cpath d=\"m1 1.5 3 3 3-3\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n    \t\t\t\t\t\t\t\t\u003c\/svg\u003e\n    \t\t\t\t\t\t\t\u003c\/span\u003e\n    \t\t\t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\t\u003c\/summary\u003e\n    \t\t\t\t\t\u003cdiv class=\"faq-content\"\u003e\n    \t\t\t\t\t\t\u003cp\u003eYes, our packaging is 100% discreet. All orders are shipped in plain, non-descript brown\n    \t\t\t\t\t\t\tboxes. There are no logos, brand names, or item descriptions visible on the exterior,\n    \t\t\t\t\t\t\tensuring your privacy is fully protected.\u003c\/p\u003e\n    \t\t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003c\/details\u003e\n    \t\t\t\u003c\/div\u003e\n    \t\t\u003c\/div\u003e\n    \t\u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ============================================================\n    Section 7 — 品牌宣言\n    ============================================================ --\u003e\n    \u003csection id=\"letter-section\" class=\"product-section section7\"\u003e\n    \t\u003cdiv class=\"letter-container\"\u003e\n    \t\t\u003cdiv class=\"letter-top\"\u003e\n    \t\t\t\u003cdiv class=\"text\"\u003e\n    \t\t\t\t\u003cdiv class=\"tit1\"\u003e\n    \t\t\t\t\tTAKE BACK CONTROL OF\u003cbr\u003e\n    \t\t\t\t\tYOUR OWN TIME\n    \t\t\t\t\u003c\/div\u003e\n    \t\t\t\t\u003cdiv class=\"tit2\"\u003e\n    \t\t\t\t\tNAUGHTY CLOCK\u003cbr\u003e\n    \t\t\t\t\tGIVE YOURSELF TIME\n    \t\t\t\t\u003c\/div\u003e\n    \t\t\t\u003c\/div\u003e\n    \t\t\t\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/new-clock-product01.png?v=1782888483\" decoding=\"async\" alt=\"Naughty Clock Product\"\u003e\n    \t\t\u003c\/div\u003e\n    \t\t\u003cdiv class=\"letter-but\"\u003e\n    \t\t\t\u003cp\u003eTake back control of your own time\u003c\/p\u003e\n    \t\t\t\u003cp\u003e\n    \t\t\t\tYou are more than just a cog in the social clock, you can be anyone you want.\u003cbr\u003e\n    \t\t\t\tIn the 20s, you are free to take a gap year.\u003cbr\u003e\n    \t\t\t\tIn the 30s, it's not a shame to be called cat lady.\u003cbr\u003e\n    \t\t\t\tIn the 50s, it's cool not to be someone's grandma.\n    \t\t\t\u003c\/p\u003e\n    \t\t\t\u003cp\u003e\n    \t\t\t\tThese all don't matter, what matters is that you can rewind, pause,\u003cbr\u003e\n    \t\t\t\tor reorganize the social clock. You can be whoever you want.\u003cbr\u003e\n    \t\t\t\tBe whatyou wanna be.\u003cbr\u003e\n    \t\t\t\tEvery courageous attempt is a powerful blow to the invisible gears.\n    \t\t\t\u003c\/p\u003e\n    \t\t\t\u003cp\u003e\n    \t\t\t\tStart with the Naughty Clock - to turn on your own time.\u003cbr\u003e\n    \t\t\t\tThe only Your Moment.\n    \t\t\t\u003c\/p\u003e\n    \t\t\u003c\/div\u003e\n    \t\u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ============================================================\n    JavaScript\n    ============================================================ --\u003e\n    \u003cscript src=\"https:\/\/www.beyourlover.com\/js\/swiper-bundle.min.js\" type=\"text\/javascript\" charset=\"utf-8\"\u003e\n    \u003c\/script\u003e\n\n    \u003cscript type=\"text\/javascript\"\u003e\n    \t\/**\n    \t * ============================================================\n    \t * Naughty Clock - 主脚本\n    \t * 功能：Swiper 轮播初始化、FAQ 折叠面板交互\n    \t * ============================================================\n    \t *\/\n    \t(function() {\n    \t\t'use strict';\n\n    \t\t\/\/ ============================================================\n    \t\t\/\/ 1. 工具函数\n    \t\t\/\/ ============================================================\n\n    \t\tfunction debounce(fn, delay) {\n    \t\t\tvar timer = null;\n    \t\t\treturn function() {\n    \t\t\t\tvar context = this;\n    \t\t\t\tvar args = arguments;\n    \t\t\t\tclearTimeout(timer);\n    \t\t\t\ttimer = setTimeout(function() {\n    \t\t\t\t\tfn.apply(context, args);\n    \t\t\t\t}, delay);\n    \t\t\t};\n    \t\t}\n\n    \t\tfunction isMobile(breakpoint) {\n    \t\t\tbreakpoint = breakpoint || 768;\n    \t\t\treturn window.innerWidth \u003c breakpoint;\n    \t\t}\n\n    \t\t\/\/ ============================================================\n    \t\t\/\/ 2. Swiper 配置\n    \t\t\/\/ ============================================================\n\n    \t\tvar SWIPER_CONFIGS = {\n    \t\t\tbase: {\n    \t\t\t\tspeed: 600,\n    \t\t\t\tgrabCursor: true,\n    \t\t\t},\n    \t\t\tautoplay: {\n    \t\t\t\tdelay: 4000,\n    \t\t\t\tdisableOnInteraction: false,\n    \t\t\t\tpauseOnMouseEnter: true,\n    \t\t\t},\n    \t\t\tpagination: {\n    \t\t\t\tclickable: true,\n    \t\t\t},\n    \t\t\tnavigation: {\n    \t\t\t\tnextEl: '.swiper-button-next',\n    \t\t\t\tprevEl: '.swiper-button-prev',\n    \t\t\t},\n    \t\t};\n\n    \t\tfunction createSwiper(container, customConfig) {\n    \t\t\tvar defaultConfig = {\n    \t\t\t\tspeed: SWIPER_CONFIGS.base.speed,\n    \t\t\t\tgrabCursor: SWIPER_CONFIGS.base.grabCursor,\n    \t\t\t\tnavigation: SWIPER_CONFIGS.navigation,\n    \t\t\t};\n    \t\t\tvar config = Object.assign({}, defaultConfig, customConfig);\n    \t\t\treturn new Swiper(container, config);\n    \t\t}\n\n    \t\t\/\/ ============================================================\n    \t\t\/\/ 3. Section 1 — Hero 轮播\n    \t\t\/\/ ============================================================\n\n    \t\tfunction initHeroSwiper() {\n    \t\t\tvar containers = document.querySelectorAll('.ce-hero-swiper .swiper');\n    \t\t\tcontainers.forEach(function(container) {\n    \t\t\t\tcreateSwiper(container, {\n    \t\t\t\t\tloop: true,\n    \t\t\t\t\tautoplay: SWIPER_CONFIGS.autoplay,\n    \t\t\t\t\tpagination: Object.assign({}, SWIPER_CONFIGS.pagination, {\n    \t\t\t\t\t\tel: '.swiper-pagination',\n    \t\t\t\t\t}),\n    \t\t\t\t});\n    \t\t\t});\n    \t\t}\n\n    \t\t\/\/ ============================================================\n    \t\t\/\/ 4. Section 4 — 视频轮播\n    \t\t\/\/ ============================================================\n\n    \t\tfunction initVideoSwiper() {\n    \t\t\tvar container = '.section4 .swiper-vide-list';\n    \t\t\tvar swiperInstance = null;\n\n    \t\t\tfunction createOrDestroy() {\n    \t\t\t\tvar isMobileView = isMobile();\n    \t\t\t\tif (isMobileView \u0026\u0026 !swiperInstance) {\n    \t\t\t\t\tswiperInstance = createSwiper(container, {\n    \t\t\t\t\t\tslidesPerView: 1.6,\n    \t\t\t\t\t\tspaceBetween: 12,\n    \t\t\t\t\t\tcenteredSlides: false,\n    \t\t\t\t\t\tloop: false,\n    \t\t\t\t\t\tspeed: 300,\n    \t\t\t\t\t\ttouchRatio: 1.2,\n    \t\t\t\t\t\tnavigation: {\n    \t\t\t\t\t\t\tnextEl: '.section4 .swiper-button-next',\n    \t\t\t\t\t\t\tprevEl: '.section4 .swiper-button-prev',\n    \t\t\t\t\t\t},\n    \t\t\t\t\t});\n    \t\t\t\t} else if (!isMobileView \u0026\u0026 swiperInstance) {\n    \t\t\t\t\tswiperInstance.destroy(true, true);\n    \t\t\t\t\tswiperInstance = null;\n    \t\t\t\t}\n    \t\t\t}\n\n    \t\t\tcreateOrDestroy();\n    \t\t\treturn function() {\n    \t\t\t\tif (swiperInstance) {\n    \t\t\t\t\tswiperInstance.destroy(true, true);\n    \t\t\t\t\tswiperInstance = null;\n    \t\t\t\t}\n    \t\t\t};\n    \t\t}\n\n    \t\t\/\/ ============================================================\n    \t\t\/\/ 5. Section 5 — 更多特性轮播（分页点滑动效果）\n    \t\t\/\/ ============================================================\n\n    \t\tfunction initFeatureSwiper() {\n    \t\t\tvar container = '.section5 .swiper-new-features';\n    \t\t\tvar paginationEl = document.querySelector('.section5 .swiper-pagination');\n\n    \t\t\tif (!paginationEl) {\n    \t\t\t\tconsole.warn('分页容器不存在');\n    \t\t\t\treturn null;\n    \t\t\t}\n\n    \t\t\t\/\/ 存储所有分页点数据\n    \t\t\tvar allDots = [];\n    \t\t\tvar sliderEl = null;\n    \t\t\tvar trackEl = null;\n    \t\t\tvar dotWidth = 17; \/\/ 点宽度10px + gap 12px\n    \t\t\tvar visibleDots = 3;\n\n    \t\t\t\/**\n    \t\t\t * 创建自定义分页结构\n    \t\t\t *\/\n    \t\t\tfunction createCustomPagination(total) {\n    \t\t\t\t\/\/ 清空原分页容器\n    \t\t\t\tpaginationEl.innerHTML = '';\n    \t\t\t\tpaginationEl.style.cssText = `\n\t\t                display: flex !important;\n\t\t                justify-content: center !important;\n\t\t                align-items: center !important;\n\t\t                width: 100% !important;\n\t\t                position: absolute !important;\n\t\t                bottom: 3.5% !important;\n\t\t                left: 50% !important;\n\t\t                transform: translateX(-50%) !important;\n\t\t                background: transparent !important;\n\t\t                pointer-events: none !important;\n\t\t            `;\n\n    \t\t\t\t\/\/ 创建轨道容器（固定宽度）\n    \t\t\t\ttrackEl = document.createElement('div');\n    \t\t\t\ttrackEl.className = 'custom-pagination-track';\n    \t\t\t\ttrackEl.style.cssText = `\n\t\t                position: relative;\n\t\t                width: ${visibleDots * dotWidth - 6}px;\n\t\t                height: 20px;\n\t\t                overflow: hidden;\n\t\t                pointer-events: none;\n\t\t\t\t\t\tpadding-left: 1px;\n\t\t            `;\n\n    \t\t\t\t\/\/ 创建滑动容器\n    \t\t\t\tsliderEl = document.createElement('div');\n    \t\t\t\tsliderEl.className = 'custom-pagination-slider';\n    \t\t\t\tsliderEl.style.cssText = `\n\t\t                display: flex;\n\t\t                align-items: center;\n\t\t                gap: 9px;\n\t\t                transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n\t\t                will-change: transform;\n\t\t                height: 100%;\n\t\t                pointer-events: auto;\n\t\t            `;\n\n    \t\t\t\t\/\/ 创建所有分页点\n    \t\t\t\tallDots = [];\n    \t\t\t\tfor (var i = 0; i \u003c total; i++) {\n    \t\t\t\t\tvar dot = document.createElement('span');\n    \t\t\t\t\tdot.className = 'custom-pagination-bullet';\n    \t\t\t\t\tdot.dataset.index = i;\n    \t\t\t\t\tdot.style.cssText = `\n\t\t                    flex-shrink: 0;\n\t\t                    width: 8px;\n\t\t                    height: 8px;\n\t\t                    border-radius: 50%;\n\t\t                    background: rgba(0, 0, 0, 0.25);\n\t\t                    cursor: pointer;\n\t\t                    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n\t\t                    transform: scale(1);\n\t\t                    box-shadow: none;\n\t\t                    position: relative;\n\t\t                `;\n    \t\t\t\t\t\/\/ 点击跳转\n    \t\t\t\t\tdot.addEventListener('click', function(e) {\n    \t\t\t\t\t\te.stopPropagation();\n    \t\t\t\t\t\tvar index = parseInt(this.dataset.index);\n    \t\t\t\t\t\tif (swiperInstance \u0026\u0026 index !== undefined) {\n    \t\t\t\t\t\t\tswiperInstance.slideTo(index);\n    \t\t\t\t\t\t}\n    \t\t\t\t\t});\n    \t\t\t\t\tsliderEl.appendChild(dot);\n    \t\t\t\t\tallDots.push(dot);\n    \t\t\t\t}\n\n    \t\t\t\ttrackEl.appendChild(sliderEl);\n    \t\t\t\tpaginationEl.appendChild(trackEl);\n\n    \t\t\t\t\/\/ 初始更新位置\n    \t\t\t\tupdateDotsPosition(0);\n    \t\t\t}\n\n    \t\t\t\/**\n    \t\t\t * 更新分页点位置和样式\n    \t\t\t *\/\n    \t\t\tfunction updateDotsPosition(currentIndex, totalSlides) {\n    \t\t\t\tif (!sliderEl || !allDots.length) return;\n\n    \t\t\t\ttotalSlides = totalSlides || allDots.length;\n\n    \t\t\t\t\/\/ 计算偏移量\n    \t\t\t\tvar offsetIndex;\n    \t\t\t\tif (currentIndex === 0) {\n    \t\t\t\t\toffsetIndex = 0;\n    \t\t\t\t} else if (currentIndex === totalSlides - 1) {\n    \t\t\t\t\toffsetIndex = totalSlides - visibleDots;\n    \t\t\t\t} else {\n    \t\t\t\t\toffsetIndex = currentIndex - 1;\n    \t\t\t\t}\n\n    \t\t\t\t\/\/ 确保不超出边界\n    \t\t\t\toffsetIndex = Math.max(0, Math.min(offsetIndex, totalSlides - visibleDots));\n\n    \t\t\t\t\/\/ 计算位移\n    \t\t\t\tvar translateX = -(offsetIndex * dotWidth);\n    \t\t\t\tsliderEl.style.transform = 'translateX(' + translateX + 'px)';\n\n    \t\t\t\t\/\/ 更新每个点的样式\n    \t\t\t\tallDots.forEach(function(dot, index) {\n    \t\t\t\t\tvar isActive = index === currentIndex;\n    \t\t\t\t\tvar isVisible = index \u003e= offsetIndex \u0026\u0026 index \u003c offsetIndex + visibleDots;\n\n    \t\t\t\t\tif (isActive) {\n    \t\t\t\t\t\tdot.className = 'custom-pagination-bullet custom-pagination-bullet-active';\n    \t\t\t\t\t\tdot.style.background = '#000000';\n    \t\t\t\t\t\tdot.style.transform = 'scale(1.2)';\n    \t\t\t\t\t\tdot.style.boxShadow = '0 0 14px rgba(0,0,0,0.3)';\n    \t\t\t\t\t\tdot.style.opacity = '1';\n    \t\t\t\t\t} else if (isVisible) {\n    \t\t\t\t\t\tdot.className = 'custom-pagination-bullet';\n    \t\t\t\t\t\tdot.style.background = 'rgba(0, 0, 0, 0.25)';\n    \t\t\t\t\t\tdot.style.transform = 'scale(1)';\n    \t\t\t\t\t\tdot.style.boxShadow = 'none';\n    \t\t\t\t\t\tdot.style.opacity = '1';\n    \t\t\t\t\t} else {\n    \t\t\t\t\t\tdot.className = 'custom-pagination-bullet';\n    \t\t\t\t\t\tdot.style.background = 'rgba(0, 0, 0, 0.15)';\n    \t\t\t\t\t\tdot.style.transform = 'scale(0.6)';\n    \t\t\t\t\t\tdot.style.boxShadow = 'none';\n    \t\t\t\t\t\tdot.style.opacity = '0.2';\n    \t\t\t\t\t}\n    \t\t\t\t});\n    \t\t\t}\n\n    \t\t\t\/**\n    \t\t\t * 获取分页点总数\n    \t\t\t * 电脑端：slidesPerView为2，分页点数量 = slide总数 - 1\n    \t\t\t * 手机端：slidesPerView为1.1，分页点数量 = slide总数\n    \t\t\t *\/\n    \t\t\tfunction getTotalSlides() {\n    \t\t\t\tvar slides = document.querySelectorAll(container + ' .swiper-slide');\n    \t\t\t\tvar total = slides.length;\n    \t\t\t\tvar isDesktop = window.innerWidth \u003e= 769;\n\n    \t\t\t\t\/\/ 电脑端显示2个slide，分页点数量减1\n    \t\t\t\tif (isDesktop \u0026\u0026 total \u003e 1) {\n    \t\t\t\t\treturn total - 1;\n    \t\t\t\t}\n    \t\t\t\treturn total;\n    \t\t\t}\n\n    \t\t\t\/\/ 创建 Swiper 实例\n    \t\t\tvar swiperInstance = createSwiper(container, {\n    \t\t\t\tloop: false,\n    \t\t\t\tautoplay: SWIPER_CONFIGS.autoplay,\n    \t\t\t\tpagination: {\n    \t\t\t\t\tel: '.section5 .swiper-pagination',\n    \t\t\t\t\tclickable: true,\n    \t\t\t\t\trenderBullet: function(index, className) {\n    \t\t\t\t\t\t\/\/ 返回空，我们完全自定义\n    \t\t\t\t\t\treturn '';\n    \t\t\t\t\t},\n    \t\t\t\t},\n    \t\t\t\tbreakpoints: {\n    \t\t\t\t\t0: {\n    \t\t\t\t\t\tslidesPerView: 1.1,\n    \t\t\t\t\t\tspaceBetween: 16,\n    \t\t\t\t\t},\n    \t\t\t\t\t768: {\n    \t\t\t\t\t\tslidesPerView: 2.5,\n    \t\t\t\t\t\tspaceBetween: 20,\n    \t\t\t\t\t},\n    \t\t\t\t\t1024: {\n    \t\t\t\t\t\tslidesPerView: 2.5,\n    \t\t\t\t\t\tspaceBetween: 20,\n    \t\t\t\t\t},\n    \t\t\t\t},\n    \t\t\t\ton: {\n    \t\t\t\t\tinit: function(swiper) {\n    \t\t\t\t\t\tvar total = getTotalSlides();\n    \t\t\t\t\t\tif (total \u003e 0) {\n    \t\t\t\t\t\t\t\/\/ 创建自定义分页\n    \t\t\t\t\t\t\tcreateCustomPagination(total);\n    \t\t\t\t\t\t\t\/\/ 延迟一帧更新位置\n    \t\t\t\t\t\t\trequestAnimationFrame(function() {\n    \t\t\t\t\t\t\t\tupdateDotsPosition(swiper.realIndex, total);\n    \t\t\t\t\t\t\t});\n    \t\t\t\t\t\t}\n    \t\t\t\t\t},\n    \t\t\t\t\tslideChange: function(swiper) {\n    \t\t\t\t\t\tvar total = getTotalSlides();\n    \t\t\t\t\t\tupdateDotsPosition(swiper.realIndex, total);\n    \t\t\t\t\t},\n    \t\t\t\t\tbreakpoint: function(swiper) {\n    \t\t\t\t\t\tsetTimeout(function() {\n    \t\t\t\t\t\t\tvar total = getTotalSlides();\n    \t\t\t\t\t\t\tupdateDotsPosition(swiper.realIndex, total);\n    \t\t\t\t\t\t}, 100);\n    \t\t\t\t\t},\n    \t\t\t\t},\n    \t\t\t});\n\n    \t\t\t\/\/ 暴露 swiper 实例给更新函数使用\n    \t\t\tvar swiper = swiperInstance;\n\n    \t\t\treturn swiper;\n    \t\t}\n    \t\t\/\/ ============================================================\n    \t\t\/\/ 6. Section 6 — FAQ (优化版：点击切换 + 平滑动画)\n    \t\t\/\/ ============================================================\n\n    \t\tfunction initFaq() {\n    \t\t\tvar faqItems = document.querySelectorAll('.section6 .faq-item');\n\n    \t\t\tfaqItems.forEach(function(item) {\n    \t\t\t\t\/\/ 获取元素\n    \t\t\t\tvar toggle = item.querySelector('.faq-toggle');\n    \t\t\t\tvar content = item.querySelector('.faq-content');\n    \t\t\t\tvar summary = item.querySelector('summary');\n\n    \t\t\t\tif (!toggle || !content) return;\n\n    \t\t\t\t\/\/ 初始状态：关闭\n    \t\t\t\titem.classList.remove('is-open');\n    \t\t\t\tcontent.style.maxHeight = '0px';\n    \t\t\t\tcontent.style.opacity = '0';\n    \t\t\t\tcontent.style.transform = 'translateY(-8px)';\n    \t\t\t\tcontent.style.paddingTop = '0px';\n    \t\t\t\t\/\/ content.style.paddingBottom = '0px';\n    \t\t\t\tcontent.style.overflow = 'hidden';\n    \t\t\t\t\/\/ content.style.transition = 'max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease, transform 0.4s ease, padding 0.3s ease';\n\n    \t\t\t\t\/\/ 移除 details 的默认行为\n    \t\t\t\tif (summary) {\n    \t\t\t\t\tsummary.addEventListener('click', function(e) {\n    \t\t\t\t\t\te.preventDefault();\n    \t\t\t\t\t\ttoggleFaq(item, content);\n    \t\t\t\t\t});\n    \t\t\t\t}\n\n    \t\t\t\t\/\/ 如果点击 toggle 区域也触发\n    \t\t\t\ttoggle.addEventListener('click', function(e) {\n    \t\t\t\t\te.stopPropagation();\n    \t\t\t\t\ttoggleFaq(item, content);\n    \t\t\t\t});\n\n    \t\t\t\t\/\/ 点击整个 item（除了内部链接）也可以触发\n    \t\t\t\titem.addEventListener('click', function(e) {\n    \t\t\t\t\t\/\/ 如果点击的是链接或按钮，不触发\n    \t\t\t\t\tif (e.target.closest('a') || e.target.closest('button')) return;\n    \t\t\t\t\ttoggleFaq(item, content);\n    \t\t\t\t});\n    \t\t\t});\n\n    \t\t\tfunction toggleFaq(item, content) {\n    \t\t\t\tvar isOpen = item.classList.contains('is-open');\n\n    \t\t\t\tif (isOpen) {\n    \t\t\t\t\t\/\/ --- 关闭 ---\n    \t\t\t\t\tvar currentHeight = content.scrollHeight;\n    \t\t\t\t\tcontent.style.maxHeight = currentHeight + 'px';\n    \t\t\t\t\tcontent.style.opacity = '1';\n    \t\t\t\t\tcontent.style.transform = 'translateY(0)';\n\n    \t\t\t\t\t\/\/ 强制回流后执行关闭动画\n    \t\t\t\t\tvoid content.offsetHeight;\n\n    \t\t\t\t\tcontent.style.maxHeight = '0px';\n    \t\t\t\t\tcontent.style.opacity = '0';\n    \t\t\t\t\tcontent.style.transform = 'translateY(-8px)';\n    \t\t\t\t\tcontent.style.paddingTop = '0px';\n    \t\t\t\t\t\/\/ content.style.paddingBottom = '0px';\n\n    \t\t\t\t\titem.classList.remove('is-open');\n    \t\t\t\t} else {\n    \t\t\t\t\t\/\/ --- 打开 ---\n    \t\t\t\t\t\/\/ 先重置为 auto 获取真实高度\n    \t\t\t\t\tcontent.style.maxHeight = 'none';\n    \t\t\t\t\tvar fullHeight = content.scrollHeight;\n    \t\t\t\t\tcontent.style.maxHeight = '0px'; \/\/ 重新锁定\n\n    \t\t\t\t\t\/\/ 强制回流\n    \t\t\t\t\tvoid content.offsetHeight;\n\n    \t\t\t\t\t\/\/ 展开动画\n    \t\t\t\t\tcontent.style.maxHeight = fullHeight + 'px';\n    \t\t\t\t\tcontent.style.opacity = '1';\n    \t\t\t\t\tcontent.style.transform = 'translateY(0)';\n    \t\t\t\t\tcontent.style.paddingTop = ''; \/\/ 恢复 CSS 默认\n    \t\t\t\t\t\/\/ content.style.paddingBottom = ''; \/\/ 恢复 CSS 默认\n\n    \t\t\t\t\titem.classList.add('is-open');\n    \t\t\t\t}\n    \t\t\t}\n    \t\t}\n\n    \t\t\/\/ ============================================================\n    \t\t\/\/ 7. 初始化\n    \t\t\/\/ ============================================================\n\n    \t\tfunction init() {\n    \t\t\tconsole.log('初始化开始...');\n\n    \t\t\tinitHeroSwiper();\n    \t\t\tconsole.log('Hero Swiper 初始化完成');\n\n    \t\t\tvar videoSwiperCleanup = initVideoSwiper();\n    \t\t\tconsole.log('Video Swiper 初始化完成');\n\n    \t\t\tvar featureSwiper = initFeatureSwiper();\n    \t\t\tconsole.log('Feature Swiper 初始化完成');\n\n    \t\t\tinitFaq();\n    \t\t\tconsole.log('FAQ 初始化完成');\n\n    \t\t\tvar resizeHandler = debounce(function() {\n    \t\t\t\tif (videoSwiperCleanup) {\n    \t\t\t\t\tvideoSwiperCleanup();\n    \t\t\t\t}\n    \t\t\t\tvideoSwiperCleanup = initVideoSwiper();\n    \t\t\t}, 120);\n\n    \t\t\twindow.addEventListener('resize', resizeHandler);\n\n    \t\t\treturn function() {\n    \t\t\t\twindow.removeEventListener('resize', resizeHandler);\n    \t\t\t\tif (videoSwiperCleanup) {\n    \t\t\t\t\tvideoSwiperCleanup();\n    \t\t\t\t}\n    \t\t\t\tif (featureSwiper) {\n    \t\t\t\t\tfeatureSwiper.destroy(true, true);\n    \t\t\t\t}\n    \t\t\t};\n    \t\t}\n\n    \t\t\/\/ ============================================================\n    \t\t\/\/ 8. 启动\n    \t\t\/\/ ============================================================\n\n    \t\tif (document.readyState === 'loading') {\n    \t\t\tdocument.addEventListener('DOMContentLoaded', init);\n    \t\t} else {\n    \t\t\tinit();\n    \t\t}\n\n    \t})();\n    \u003c\/script\u003e\n","brand":"Beyourlover","offers":[{"title":"Yellow and Pink","offer_id":47393189036194,"sku":null,"price":86.0,"currency_code":"USD","in_stock":true},{"title":"Green","offer_id":47393189003426,"sku":null,"price":86.0,"currency_code":"USD","in_stock":true},{"title":"Pink","offer_id":47393188970658,"sku":null,"price":86.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0606\/8423\/9010\/files\/naughtyclock.jpg?v=1782898071","url":"https:\/\/naughtyclock.com\/products\/helloclock","provider":"Beyourlover","version":"1.0","type":"link"}