{"title":"漆器幸運葫蘆","description":"\u003cp data-path-to-node=\"4\"\u003e\u003cstrong data-path-to-node=\"4\" data-index-in-node=\"0\"\u003e皇家漆器葫蘆系列：香氛與財富的傳承\u003c\/strong\u003e\u003c\/p\u003e\n\n \u003cp data-path-to-node=\"5\"\u003e透過\u003cspan style=\"text-decoration: underline;\"\u003e\u003ca href=\"http:\/\/www.fategemz.com\" title=\"命運寶石\"\u003eFateGemz\u003c\/a\u003e\u003c\/span\u003e體驗東方藝術的巔峰之作\u003cspan style=\"text-decoration: underline;\"\u003e\u003ca title=\"命運寶石\" href=\"fategemz.com\"\u003e \u003c\/a\u003e\u003c\/span\u003e \u003cstrong data-path-to-node=\"5\" data-index-in-node=\"62\"\u003e皇家漆葫蘆系列\u003c\/strong\u003e。本系列旨在頌揚\u003cstrong data-path-to-node=\"5\" data-index-in-node=\"124\"\u003e中國漆器這一擁有八千多年歷史的古老工藝，漆器已被列入中國非物質文化遺產名錄\u003c\/strong\u003e。每一件葫蘆飾品均採用天然漆料精心手工製作，經多層塗漆和拋光，呈現出鏡面般的光澤和持久的耐用性。\u003c\/p\u003e\n\n \u003cp data-path-to-node=\"6\"\u003e這些漆葫蘆象徵著「福祿」（財富與繁榮），與我們標誌性的\u003cstrong data-path-to-node=\"6\" data-index-in-node=\"112\"\u003e手工捲製香珠\u003c\/strong\u003e和優質天然水晶完美融合。漆器散發著永恆優雅的光澤，香珠則釋放出舒緩的草本香氣，帶來平衡身心的多感官體驗。這系列飾品不僅僅是珠寶，更是腕間的“活的傳承”，旨在守護您的能量，並在2026馬年為您帶來無盡的祝福。\u003c\/p\u003e","products":[{"product_id":"green-agate-lacquer-gourd-scented-bracelet-serene-luck","title":"寧靜財富綠瑪瑙和河香竹手鍊","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\n \/* ========== Icon Info List Styles ========== *\/\n .icon-info-list {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 12px 20px;\n margin: 32px 0 8px 0; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n }\n .icon-info-item {\n display: flex;\n align-items: center;\n font-size: 18px; \n color: #222;\n font-weight: 400;\n }\n .icon-info-item .icon {\n display: flex;\n align-items: center;\n margin-right: 8px; \n }\n .icon-info-item .icon svg {\n width: 24px; \n height: 24px; \n display: block;\n stroke-width: 1.5;\n }\n \n .icon-info-item:nth-child(2),\n .icon-info-item:nth-child(4) {\n text-align: left;\n padding-left: 0;\n }\n\n \/* Icon Info List Responsive *\/\n @media (max-width: 768px) {\n .icon-info-list {\n grid-template-columns: repeat(2, 1fr);\n gap: 8px 12px;\n margin: 24px 0 6px 0; \/* 响应式同步减半：12px→6px *\/\n }\n .icon-info-item {\n font-size: 16px;\n white-space: nowrap;\n }\n .icon-info-item .icon svg {\n width: 22px;\n height: 22px;\n }\n .icon-info-item:nth-child(2),\n .icon-info-item:nth-child(4) {\n text-align: left;\n padding-left: 0;\n }\n }\n\n @media (max-width: 599px) {\n .icon-info-list {\n gap: 6px 8px;\n margin: 20px 0 5px 0; \/* 响应式同步减半：10px→5px *\/\n }\n .icon-info-item {\n font-size: 14px;\n white-space: nowrap;\n }\n .icon-info-item .icon {\n margin-right: 4px;\n }\n .icon-info-item .icon svg {\n width: 20px;\n height: 20px;\n }\n }\n\n @media (max-width: 480px) {\n .icon-info-list {\n gap: 6px 8px;\n margin: 16px 0 4px 0; \/* 响应式同步减半：8px→4px *\/\n }\n .icon-info-item {\n font-size: 13px;\n white-space: nowrap;\n }\n .icon-info-item .icon {\n margin-right: 3px;\n }\n .icon-info-item .icon svg {\n width: 18px;\n height: 18px;\n }\n }\n \/* ========== End Icon Info List Styles ========== *\/\n\n \/* ========== Slider Styles ========== *\/\n .simple-slider {\n width: 100%;\n max-width: 600px;\n margin: 0 auto 8px; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n position: relative;\n }\n .slider-container {\n position: relative;\n height: 280px;\n overflow: hidden;\n cursor: grab;\n }\n .slider-container:active {\n cursor: grabbing;\n }\n .slides-wrapper {\n display: flex;\n transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n height: 100%;\n }\n .slide {\n min-width: 100%;\n height: 100%;\n background-color: #eaeaea;\n border-radius: 8px;\n padding: 0 16px; \n box-sizing: border-box;\n user-select: none;\n transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .slide .content {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 20px;\n }\n .slide .icon-text {\n display: flex;\n align-items: center;\n gap: 16px;\n }\n .slide .icon-text .icon {\n width: 65px; \n height: 65px; \n flex-shrink: 0;\n }\n .slide .icon-text .icon img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n .slide .text {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n font-size: 18px; \n font-weight: 500;\n color: #333;\n }\n .slide .text p {\n margin: 0;\n }\n .slide .benefits {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #333;\n }\n .slide .benefits p {\n margin: 0 0 12px 0;\n font-size: 18px; \n }\n .slide .benefits p strong {\n font-weight: 600;\n font-size: 20px; \n }\n .slide .benefits ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n .slide .benefits li {\n position: relative;\n padding-left: 24px; \n margin-bottom: 8px;\n font-size: 18px; \n }\n .slide .benefits li:before {\n content: \"•\";\n position: absolute;\n left: 0;\n top: 0;\n color: #333;\n font-size: 20px; \n }\n .slide .benefits li:last-child {\n margin-bottom: 0;\n }\n \n .dots {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 16px;\n }\n .slide {\n position: relative;\n }\n .slide-dots {\n position: absolute;\n bottom: 12px;\n right: 12px;\n display: flex;\n gap: 8px;\n z-index: 10;\n }\n .slide-dots .dot {\n width: 24px;\n height: 4px;\n border: none;\n background-color: #ccc;\n border-radius: 2px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n font-size: 0;\n }\n .slide-dots .dot.active {\n background-color: #333;\n transform: scale(1.2);\n box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n }\n .slide-dots .dot:hover {\n background-color: #999;\n transform: scale(1.1);\n }\n .slide-dots .dot {\n transform: scale(1);\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .fixed-dots-container {\n position: absolute;\n bottom: 12px;\n right: 12px;\n display: flex;\n gap: 8px;\n z-index: 10;\n }\n .slide .slide-dots {\n display: none !important;\n }\n .dot {\n width: 24px;\n height: 4px;\n border: none;\n background-color: #ccc;\n border-radius: 2px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n font-size: 0;\n }\n .dot.active {\n background-color: #333;\n }\n .dot:hover {\n background-color: #999;\n }\n \/* ========== End Slider Styles ========== *\/\n \n \/* ========== Product Tabs Styles ========== *\/\n .product__block--tabs {\n margin: 4px 0 20px; \/* 关键修改：顶部margin从8px→4px，缩短一倍 *\/\n }\n .tabs-wrapper {\n width: 100%;\n }\n .tabs__head {\n position: relative;\n border-bottom: 1px solid #e5e5e5;\n margin-bottom: 20px;\n }\n .product-tabs-title {\n display: flex;\n list-style: none;\n margin: 0;\n padding: 0;\n gap: 30px;\n }\n .tab-link {\n position: relative;\n padding: 12px 0;\n cursor: pointer;\n font-size: 16px;\n font-weight: 500;\n color: #999;\n transition: color 0.3s ease;\n border: none;\n background: none;\n outline: none;\n }\n .tab-link:hover {\n color: #333;\n }\n .tab-link.current {\n color: #000;\n }\n .tab-link.current::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 100%;\n height: 2px;\n background-color: #000;\n }\n .tab-content {\n display: none;\n color: #666;\n line-height: 1.6;\n font-size: 18px;\n }\n .tab-content.current {\n display: block;\n }\n .tab-content p {\n margin: 0 0 16px 0;\n }\n .tab-content ul {\n margin: 0 0 16px 0;\n padding-left: 20px;\n }\n .tab-content li {\n margin-bottom: 8px;\n }\n .tab-content strong {\n color: #333;\n font-weight: 600;\n }\n .tab-content img {\n max-width: 100%;\n height: auto;\n display: block;\n margin: 16px 0;\n }\n .tabs__arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: white;\n border: 1px solid #e5e5e5;\n border-radius: 50%;\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n .tabs__arrow:hover {\n background: #f5f5f5;\n }\n .tabs__arrow--prev {\n left: -16px;\n }\n .tabs__arrow--next {\n right: -16px;\n }\n .tabs__arrow.is-hidden {\n display: none;\n }\n .tabs__arrow svg {\n width: 16px;\n height: 16px;\n }\n\n \/* Product Tabs Responsive *\/\n @media (max-width: 768px) {\n .product-tabs-title {\n gap: 20px;\n }\n .tab-link {\n font-size: 14px;\n padding: 10px 0;\n }\n .tab-content {\n font-size: 16px;\n }\n .tabs__arrow {\n width: 28px;\n height: 28px;\n }\n .tabs__arrow svg {\n width: 14px;\n height: 14px;\n }\n .product__block--tabs {\n margin: 3px 0 16px; \/* 响应式同步减半：6px→3px *\/\n }\n }\n \/* ========== End Product Tabs Styles ========== *\/\n\n \/* ========== Toggle Ellipsis Styles ========== *\/\n .toggle-ellipsis {\n position: relative;\n overflow: hidden;\n }\n .toggle-ellipsis__content {\n position: relative;\n overflow: hidden;\n transition: max-height 0.3s ease;\n max-height: 175px;\n }\n .toggle-ellipsis__content::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 40px;\n background: linear-gradient(transparent, white);\n pointer-events: none;\n transition: opacity 0.3s ease;\n }\n .toggle-ellipsis__actions {\n text-align: center;\n margin-top: 10px;\n }\n .caps--link {\n background: none;\n border: none;\n color: #999;\n font-size: 14px;\n cursor: pointer;\n text-decoration: underline;\n padding: 0;\n transition: color 0.3s ease;\n }\n .caps--link:hover {\n color: #333;\n }\n .toggle-ellipsis.expanded .toggle-ellipsis__content {\n max-height: none;\n }\n .toggle-ellipsis.expanded .toggle-ellipsis__content::after {\n opacity: 0;\n }\n .toggle-ellipsis.expanded .caps--link span {\n display: none;\n }\n .toggle-ellipsis.expanded .caps--link::after {\n content: 'Show Less';\n }\n \/* ========== End Toggle Ellipsis Styles ========== *\/\n\n \/* ========== Utility Styles ========== *\/\n .native-scrollbar {\n scrollbar-width: none;\n -ms-overflow-style: none;\n }\n .native-scrollbar::-webkit-scrollbar {\n display: none;\n }\n .rte {\n margin-bottom: 20px;\n }\n \/* ========== End Utility Styles ========== *\/\n \u003c\/style\u003e\n\u003c!-- ========== Icon Info List Section ========== --\u003e\n\u003cdiv class=\"icon-info-list\"\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm7-10-3-3m3 3-3 3m3-3H5m0 0 3-3m-3 3 3 3\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e \u003cspan class=\"text\"\u003e30 天免費退貨\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"m7 9 5 3.5L17 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 17V7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z\" stroke=\"#000\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"text\"\u003e終身免費保養\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M15 11.063C12.53 13.65 10.059 20 10.059 20S6.529 11.062 3 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"m20.496 5.577.426 4.424c.276 2.87-1.875 5.425-4.745 5.702-2.816.27-5.367-1.788-5.638-4.604a5.122 5.122 0 0 1 4.608-5.59l4.716-.454a.58.58 0 0 1 .633.522z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e \u003cspan class=\"text\"\u003e100% 天然\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"m8.587 8.236 2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232 5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 0 1 .503-1.54l5.808-.845z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"text\"\u003e五千年的中國文化\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- ========== End Icon Info List Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003c\/p\u003e\n\n\u003c!-- ========== Slider Section ========== --\u003e\n\u003cdiv class=\"simple-slider\"\u003e\n\n\u003cdiv class=\"slider-container\" id=\"sliderContainer\"\u003e\n\n\u003cdiv class=\"fixed-dots-container\"\u003e\n\n \u003cbutton class=\"dot active\" data-slide=\"0\"\u003e1\u003c\/button\u003e \u003cbutton class=\"dot\" data-slide=\"1\"\u003e2\u003c\/button\u003e \n\n\u003c\/div\u003e\n\n\u003cdiv class=\"slides-wrapper\" id=\"slidesWrapper\"\u003e\n\n\u003cdiv class=\"slide\"\u003e\n\n\u003cdiv class=\"content\"\u003e\n\n\u003cdiv class=\"icon-text\"\u003e\n\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/8f750c63b861e2688b6144aa16a7efbd.png?v=1767076394\" width=\"55\" height=\"55\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"text\"\u003e\n\n\u003cp\u003e ICH：【漆葫蘆】\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"benefits\"\u003e\n\n\u003cp\u003e\u003cstrong\u003e關鍵要素\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e舒適\u003c\/li\u003e\n\n\u003cli\u003e和諧與寧靜\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"slide\"\u003e\n\n\u003cdiv class=\"content\"\u003e\n\n\u003cdiv class=\"icon-text\"\u003e\n\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/f8b2923bcab006e21bb0290a3b462bec.png?v=1766912760\" width=\"65\" height=\"65\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"text\"\u003e\n\n\u003cp\u003e何香珠\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"benefits\"\u003e\n\n\u003cp\u003e\u003cstrong\u003e主要優勢\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e祝福與守護\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- ========== End Slider Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003c\/p\u003e\n\n\u003c!-- ========== Tabs Section ========== --\u003e\n\u003cdiv style=\"--block-padding-bottom: 0px;\" class=\"product__block product__block--tabs tabs-wrapper block-padding\"\u003e\n\n\u003cul data-scrollbar-slider=\"\" data-scrollbar=\"\" class=\"tabs product-tabs-title\"\u003e\n\n\u003cli data-attributes-placeholder=\"\" data-tab=\"0\" class=\"tab-link tab-link-0 current\" tabindex=\"0\"\u003e\u003cspan\u003e描述\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli data-tab=\"1\" class=\"tab-link tab-link-1\" tabindex=\"0\"\u003e\u003cspan\u003e尖端\u003c\/span\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\u003cbutton data-scrollbar-arrow-prev=\"\" class=\"tabs__arrow tabs__arrow--prev product-tabs__arrow product-tabs__arrow--prev is-hidden\" type=\"button\"\u003e\u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-left\" role=\"presentation\" aria-hidden=\"true\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m15 6-6 6 6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003cspan class=\"visually-hidden\"\u003e看全部\u003c\/span\u003e\u003c\/button\u003e\u003cbutton data-scrollbar-arrow-next=\"\" class=\"tabs__arrow tabs__arrow--next product-tabs__arrow product-tabs__arrow--next is-hidden\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-right\" role=\"presentation\" aria-hidden=\"true\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1\" stroke=\"#000\" d=\"m9 6 6 6-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003cspan class=\"visually-hidden\"\u003e看全部\u003c\/span\u003e\n\u003cdiv class=\"tab-content tab-content-0 current rte\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\n\u003cp class=\"p\"\u003e\u003cstrong\u003e核心目標客群：情緒疲憊者、夜貓子、易焦慮、敏感的人。\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e這款傳統中式手鍊，是現代人舒緩情緒的良方。散發著自然優雅香氣的和香竹，能舒緩焦慮、煩躁或情緒低落時的緊張神經，幫助您驅散壞心情，也能緩解熬夜焦慮導致的脫髮困擾。晶瑩剔透的綠色瑪瑙與之相配，更能帶來平靜祥和的氣息。鑲嵌的非物質文化遺產－手工漆葫蘆，不僅蘊含著「福氣常伴」的傳統美好寓意，更增添了匠人獨有的溫暖。它既是一件優雅的傳統中式飾品，也是一件便攜的情緒療癒神器，適合各種日常場合佩戴。\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n \u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e\u003cspan\u003e閱讀更多\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"tab-content tab-content-1 rte\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e\u003cstrong\u003e手動測量可能存在輕微誤差—感謝您的理解！\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e這些純手工製作的天然產品可能會有一些細微瑕疵。光線也可能導致實物與照片略有色差。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e正常配戴情況下，香味可持續1-2個月。若香味變淡，將香珠密封2-3天即可恢復香味，無需再添加香水。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e所有水晶均由天然原礦打磨而成，不經過染色或樹脂注入，確保品質。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e這些香珠採用天然草本材料製成，不含化學黏合劑，適合敏感肌膚使用。如有任何不適，請停止使用並聯絡客服。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e對於非品質問題導致的免運費商品退貨，買家需承擔退貨運費。\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e\u003cspan\u003e閱讀更多\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e \n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003cp\u003e\u003cstrong\u003e\u003cstrong\u003e\u003c!-- ========== End Tabs Section ========== --\u003e\u003cscript\u003e\n \/\/ ========== Slider Functionality ==========\n document.addEventListener('DOMContentLoaded', function() {\n const sliderContainer = document.getElementById('sliderContainer');\n const slidesWrapper = document.getElementById('slidesWrapper');\n const slides = document.querySelectorAll('.slide');\n const dots = document.querySelectorAll('.dot');\n let currentSlide = 0;\n const totalSlides = slides.length;\n \n let isDragging = false;\n let startX = 0;\n let currentX = 0;\n let initialTransform = 0;\n let animationId = 0;\n\n function updateSlider() {\n const translateX = -currentSlide * 100;\n slidesWrapper.style.transform = `translateX(${translateX}%)`;\n \n dots.forEach((dot, index) =\u003e {\n const wasActive = dot.classList.contains('active');\n const isActive = index === currentSlide;\n \n if (wasActive !== isActive) {\n setTimeout(() =\u003e {\n dot.classList.toggle('active', isActive);\n }, index * 50); \n } else {\n dot.classList.toggle('active', isActive);\n }\n });\n \n slides.forEach((slide, index) =\u003e {\n if (index === currentSlide) {\n slide.style.opacity = '1';\n slide.style.transform = 'scale(1)';\n } else {\n slide.style.opacity = '0.8';\n slide.style.transform = 'scale(0.98)';\n }\n });\n }\n\n function showSlide(index) {\n currentSlide = index;\n if (currentSlide \u003c 0) currentSlide = totalSlides - 1;\n if (currentSlide \u003e= totalSlides) currentSlide = 0;\n updateSlider();\n }\n\n dots.forEach((dot, index) =\u003e {\n dot.addEventListener('click', () =\u003e {\n showSlide(index);\n });\n });\n \n sliderContainer.addEventListener('mousedown', startDrag);\n sliderContainer.addEventListener('mousemove', drag);\n sliderContainer.addEventListener('mouseup', endDrag);\n sliderContainer.addEventListener('mouseleave', endDrag);\n\n sliderContainer.addEventListener('touchstart', startDrag, { passive: false });\n sliderContainer.addEventListener('touchmove', drag, { passive: false });\n sliderContainer.addEventListener('touchend', endDrag);\n\n function startDrag(e) {\n isDragging = true;\n startX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n initialTransform = -currentSlide * 100;\n slidesWrapper.style.transition = 'none';\n \n if (animationId) {\n cancelAnimationFrame(animationId);\n }\n }\n\n function drag(e) {\n if (!isDragging) return;\n \n e.preventDefault();\n currentX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n const deltaX = currentX - startX;\n const dragPercentage = (deltaX \/ sliderContainer.offsetWidth) * 100;\n const newTransform = initialTransform + dragPercentage;\n \n slidesWrapper.style.transform = `translateX(${newTransform}%)`;\n }\n\n function endDrag(e) {\n if (!isDragging) return;\n \n isDragging = false;\n slidesWrapper.style.transition = 'transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n \n const deltaX = currentX - startX;\n const threshold = sliderContainer.offsetWidth * 0.15; \n \n if (Math.abs(deltaX) \u003e threshold) {\n if (deltaX \u003e 0) {\n showSlide(currentSlide - 1);\n } else {\n showSlide(currentSlide + 1);\n }\n } else {\n updateSlider();\n }\n }\n\n sliderContainer.addEventListener('dragstart', (e) =\u003e {\n e.preventDefault();\n });\n\n setInterval(() =\u003e {\n if (!isDragging) {\n showSlide(currentSlide + 1);\n }\n }, 5000);\n });\n\n \/\/ ========== Tab Functionality ==========\n document.addEventListener('DOMContentLoaded', function() {\n const tabLinks = document.querySelectorAll('.tab-link');\n const tabContents = document.querySelectorAll('.tab-content');\n\n function showTab(index) {\n tabContents.forEach(content =\u003e content.classList.remove('current'));\n tabLinks.forEach(link =\u003e link.classList.remove('current'));\n \n tabContents[index].classList.add('current');\n tabLinks[index].classList.add('current');\n }\n\n tabLinks.forEach((link, index) =\u003e {\n link.addEventListener('click', () =\u003e {\n showTab(index);\n });\n });\n });\n\n \/\/ ========== Expand\/Collapse Functionality ==========\n document.addEventListener('DOMContentLoaded', function() {\n const toggleButtons = document.querySelectorAll('.caps--link');\n \n toggleButtons.forEach(button =\u003e {\n button.addEventListener('click', function() {\n const toggleContainer = this.closest('.toggle-ellipsis');\n const content = toggleContainer.querySelector('.toggle-ellipsis__content');\n const buttonText = this.querySelector('span');\n \n if (toggleContainer.classList.contains('expanded')) {\n toggleContainer.classList.remove('expanded');\n content.style.maxHeight = '175px';\n buttonText.textContent = 'Read More';\n } else {\n toggleContainer.classList.add('expanded');\n content.style.maxHeight = content.scrollHeight + 'px';\n buttonText.textContent = 'Show Less';\n }\n });\n });\n });\n\u003c\/script\u003e\u003c\/strong\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\n\u003c!-- Products Introduction 四列展示区块 开始 --\u003e\n\u003cstyle\u003e\n .products-intro-section {\n width: 100%;\n margin: 0;\n background: #fff;\n }\n .products-intro-title {\n font-size: 2.8rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 700;\n margin-bottom: 36px;\n text-align: left;\n margin-left: 8vw;\n letter-spacing: 0.01em;\n }\n .products-intro-list {\n display: flex;\n justify-content: center;\n gap: 0 36px;\n max-width: 1200px;\n margin: 0 auto;\n }\n .products-intro-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 280px;\n }\n .products-intro-img {\n width: 100px;\n height: 100px;\n object-fit: contain;\n margin-bottom: 20px;\n margin-top: 12px;\n }\n .products-intro-name {\n font-size: 1.8rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 600;\n margin-bottom: 18px;\n text-align: center;\n letter-spacing: 0.01em;\n }\n .products-intro-desc {\n list-style: disc inside;\n text-align: center;\n font-size: 1.6rem;\n color: #222;\n margin: 0;\n padding: 0;\n width: 100%;\n display: inline-block;\n }\n .products-intro-desc li {\n margin-bottom: 12px;\n line-height: 1.5;\n word-break: break-word;\n padding-left: 0;\n text-indent: 0;\n display: list-item;\n }\n \n @media (max-width: 900px) and (min-width: 600px) {\n .products-intro-title {\n margin-left: 0;\n text-align: center;\n }\n .products-intro-list {\n flex-wrap: wrap;\n gap: 24px;\n justify-content: center;\n }\n .products-intro-item {\n width: calc(50% - 12px);\n max-width: 320px;\n }\n }\n \n @media (max-width: 599px) {\n .products-intro-title {\n margin-left: 0;\n text-align: center;\n font-size: 2.0rem;\n margin-bottom: 20px;\n }\n .products-intro-list {\n gap: 16px;\n justify-content: center;\n padding: 0 12px;\n }\n .products-intro-item {\n width: calc(50% - 8px);\n max-width: 180px;\n }\n .products-intro-img {\n width: 60px;\n height: 60px;\n margin-bottom: 10px;\n margin-top: 6px;\n }\n .products-intro-name {\n font-size: 1.4rem;\n margin-bottom: 8px;\n }\n .products-intro-desc {\n font-size: 1.6rem;\n }\n .products-intro-desc li {\n margin-bottom: 8px;\n line-height: 1.4;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 480px) {\n .products-intro-title {\n font-size: 1.8rem;\n margin-bottom: 16px;\n }\n .products-intro-list {\n gap: 12px;\n padding: 0 8px;\n }\n .products-intro-item {\n width: calc(50% - 6px);\n max-width: 150px;\n }\n .products-intro-img {\n width: 80px;\n height: 50px;\n margin-bottom: 8px;\n margin-top: 4px;\n }\n .products-intro-name {\n font-size: 2.5rem;\n margin-bottom: 6px;\n }\n .products-intro-desc {\n font-size: 1.4rem;\n }\n .products-intro-desc li {\n margin-bottom: 6px;\n line-height: 1.3;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 360px) {\n .products-intro-title {\n font-size: 1.6rem;\n margin-bottom: 12px;\n }\n .products-intro-list {\n gap: 8px;\n padding: 0 6px;\n }\n .products-intro-item {\n width: calc(50% - 4px);\n max-width: 130px;\n }\n .products-intro-img {\n width: 40px;\n height: 40px;\n margin-bottom: 6px;\n margin-top: 2px;\n }\n .products-intro-name {\n font-size: 1.1rem;\n margin-bottom: 4px;\n }\n .products-intro-desc {\n font-size: 1.2rem;\n }\n .products-intro-desc li {\n margin-bottom: 4px;\n line-height: 1.2;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"products-intro-section\"\u003e\n\n\u003cdiv class=\"products-intro-title\"\u003e產品介紹\u003c\/div\u003e\n\n\u003cdiv class=\"products-intro-list\"\u003e\n\n\u003cdiv class=\"products-intro-item\"\u003e\n\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/2_0de5d2c0-0ef0-4aca-89a1-f4848a85140a.jpg?v=1753257593\" alt=\"尺寸\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003e尺寸\u003c\/strong\u003e\u003c\/div\u003e\n\n\u003cul class=\"products-intro-desc\"\u003e\n\n\u003cli\u003e\u003cstrong\u003e珠子直徑 12 毫米\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"products-intro-item\"\u003e\n\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/3_c7d6aa2e-bb7b-4874-abe7-d7cf5031d27b.jpg?v=1753257593\" alt=\"脈輪\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003e關心\u003c\/strong\u003e\u003c\/div\u003e\n\n\u003cul class=\"products-intro-desc\"\u003e\n\n\u003cli\u003e\u003cstrong\u003e乾涼無化學成分\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Products Introduction 四列展示区块 结束 --\u003e\n\u003cp\u003e\u003c\/p\u003e\n\n\u003c!-- 分割线 --\u003e\u003chr style=\"\/* width: 80%; *\/height: 2px; background-color: #cccccc; border: none; \/* margin: 60px auto; *\/border-radius: 2px; margin-bottom: 10px; margin-top: 10px;\"\u003e\n\u003c!-- Key Energy 三列展示区块 开始 --\u003e\n\u003cstyle\u003e\n .key-energy-section {\n width: 100%;\n margin: 0;\n background: #fff;\n }\n .key-energy-title {\n font-size: 3.2rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 700;\n margin-bottom: 40px;\n text-align: left;\n margin-left: 8vw;\n letter-spacing: 0.01em;\n }\n .key-energy-list {\n display: flex;\n justify-content: center;\n gap: 0 80px;\n max-width: 800px;\n margin: 0 auto;\n }\n .key-energy-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 320px;\n }\n .key-energy-img {\n width: 140px;\n height: 140px;\n object-fit: contain;\n margin-bottom: 20px;\n margin-top: 16px;\n }\n .key-energy-name {\n font-size: 1.8rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 600;\n margin-bottom: 18px;\n text-align: center;\n letter-spacing: 0.01em;\n }\n .key-energy-desc {\n list-style: disc inside;\n text-align: center;\n font-size: 1.5rem;\n color: #222;\n margin: 0;\n padding: 0;\n width: 100%;\n display: inline-block;\n }\n .key-energy-desc li {\n margin-bottom: 10px;\n line-height: 1.6;\n word-break: break-word;\n padding-left: 0;\n text-indent: 0;\n display: list-item;\n }\n \n @media (max-width: 900px) and (min-width: 600px) {\n .key-energy-title {\n margin-left: 0;\n text-align: center;\n font-size: 2.4rem;\n font-weight: 700;\n }\n .key-energy-list {\n flex-wrap: wrap;\n gap: 24px;\n justify-content: center;\n }\n .key-energy-item {\n width: calc(50% - 12px);\n max-width: 350px;\n }\n }\n \n @media (max-width: 599px) {\n .key-energy-title {\n margin-left: 0;\n text-align: center;\n font-size: 2.0rem;\n font-weight: 700;\n margin-bottom: 16px;\n }\n .key-energy-list {\n gap: 14px;\n justify-content: center;\n padding: 0 8px;\n }\n .key-energy-item {\n width: calc(50% - 7px);\n max-width: 180px;\n }\n .key-energy-img {\n width: 90px;\n height: 90px;\n margin-bottom: 12px;\n margin-top: 8px;\n }\n .key-energy-name {\n font-size: 1.5rem;\n font-weight: 600;\n margin-bottom: 10px;\n }\n .key-energy-desc {\n font-size: 1.6rem;\n font-weight: 500;\n list-style: none;\n }\n .key-energy-desc li {\n margin-bottom: 8px;\n line-height: 1.4;\n padding-left: 0;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 480px) {\n .key-energy-title {\n font-size: 1.8rem;\n font-weight: 700;\n margin-bottom: 12px;\n }\n .key-energy-list {\n gap: 12px;\n padding: 0 6px;\n justify-content: center;\n }\n .key-energy-item {\n width: calc(50% - 6px);\n max-width: 160px;\n }\n .key-energy-img {\n width: 80px;\n height: 80px;\n margin-bottom: 10px;\n margin-top: 6px;\n }\n .key-energy-name {\n font-size: 2.5rem;\n font-weight: 600;\n margin-bottom: 8px;\n }\n .key-energy-desc {\n font-size: 1.4rem;\n font-weight: 500;\n list-style: none;\n }\n .key-energy-desc li {\n margin-bottom: 6px;\n line-height: 1.3;\n padding-left: 0;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 360px) {\n .key-energy-title {\n font-size: 1.6rem;\n font-weight: 700;\n margin-bottom: 10px;\n }\n .key-energy-list {\n gap: 8px;\n padding: 0 6px;\n justify-content: center;\n }\n .key-energy-item {\n width: calc(50% - 4px);\n max-width: 120px;\n }\n .key-energy-img {\n width: 70px;\n height: 70px;\n margin-bottom: 8px;\n margin-top: 4px;\n }\n .key-energy-name {\n font-size: 1.2rem;\n font-weight: 600;\n margin-bottom: 6px;\n }\n .key-energy-desc {\n font-size: 1.2rem;\n font-weight: 500;\n list-style: none;\n }\n .key-energy-desc li {\n margin-bottom: 4px;\n line-height: 1.2;\n padding-left: 0;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"key-energy-section\"\u003e\n\n\u003cdiv class=\"key-energy-title\"\u003e關鍵能源\u003c\/div\u003e\n\n\u003cdiv class=\"key-energy-list\"\u003e\n\n\u003cdiv class=\"key-energy-item\"\u003e\n\n\u003cimg alt=\"茶晶\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/fa493a49dc8b69d2de9d61445ef66526.png?v=1754760948\" class=\"key-energy-img\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003e綠瑪瑙\u003c\/strong\u003e\u003c\/div\u003e\n\n\u003cul class=\"key-energy-desc\"\u003e\n\n\u003cli\u003e\u003cstrong\u003e鎮靜\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e休息與舒適\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Key Energy 三列展示区块 结束 --\u003e","brand":"FateGemz","offers":[{"title":"S","offer_id":52536651317562,"sku":"Gourd-GreenAgate-S","price":49.0,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":52536651350330,"sku":"Gourd-GreenAgate-M","price":49.0,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":52536651383098,"sku":"Gourd-GreenAgate-L","price":49.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/serene-fortune-green-agate-hexiangzhu-bracelet-2988690.png?v=1766961007"},{"product_id":"red-flower-lacquer-gourd-scented-bracelet-lucky-fortune","title":"煥活財富紅花玉髓和和香竹手鍊","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\n \/* ========== Icon Info List Styles ========== *\/\n .icon-info-list {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 12px 20px;\n margin: 32px 0 8px 0; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n }\n .icon-info-item {\n display: flex;\n align-items: center;\n font-size: 18px; \n color: #222;\n font-weight: 400;\n }\n .icon-info-item .icon {\n display: flex;\n align-items: center;\n margin-right: 8px; \n }\n .icon-info-item .icon svg {\n width: 24px; \n height: 24px; \n display: block;\n stroke-width: 1.5;\n }\n \n .icon-info-item:nth-child(2),\n .icon-info-item:nth-child(4) {\n text-align: left;\n padding-left: 0;\n }\n\n \/* Icon Info List Responsive *\/\n @media (max-width: 768px) {\n .icon-info-list {\n grid-template-columns: repeat(2, 1fr);\n gap: 8px 12px;\n margin: 24px 0 6px 0; \/* 响应式同步减半：12px→6px *\/\n }\n .icon-info-item {\n font-size: 16px;\n white-space: nowrap;\n }\n .icon-info-item .icon svg {\n width: 22px;\n height: 22px;\n }\n .icon-info-item:nth-child(2),\n .icon-info-item:nth-child(4) {\n text-align: left;\n padding-left: 0;\n }\n }\n\n @media (max-width: 599px) {\n .icon-info-list {\n gap: 6px 8px;\n margin: 20px 0 5px 0; \/* 响应式同步减半：10px→5px *\/\n }\n .icon-info-item {\n font-size: 14px;\n white-space: nowrap;\n }\n .icon-info-item .icon {\n margin-right: 4px;\n }\n .icon-info-item .icon svg {\n width: 20px;\n height: 20px;\n }\n }\n\n @media (max-width: 480px) {\n .icon-info-list {\n gap: 6px 8px;\n margin: 16px 0 4px 0; \/* 响应式同步减半：8px→4px *\/\n }\n .icon-info-item {\n font-size: 13px;\n white-space: nowrap;\n }\n .icon-info-item .icon {\n margin-right: 3px;\n }\n .icon-info-item .icon svg {\n width: 18px;\n height: 18px;\n }\n }\n \/* ========== End Icon Info List Styles ========== *\/\n\n \/* ========== Slider Styles ========== *\/\n .simple-slider {\n width: 100%;\n max-width: 600px;\n margin: 0 auto 8px; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n position: relative;\n }\n .slider-container {\n position: relative;\n height: 280px;\n overflow: hidden;\n cursor: grab;\n }\n .slider-container:active {\n cursor: grabbing;\n }\n .slides-wrapper {\n display: flex;\n transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n height: 100%;\n }\n .slide {\n min-width: 100%;\n height: 100%;\n background-color: #eaeaea;\n border-radius: 8px;\n padding: 0 16px; \n box-sizing: border-box;\n user-select: none;\n transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .slide .content {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 20px;\n }\n .slide .icon-text {\n display: flex;\n align-items: center;\n gap: 16px;\n }\n .slide .icon-text .icon {\n width: 65px; \n height: 65px; \n flex-shrink: 0;\n }\n .slide .icon-text .icon img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n .slide .text {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n font-size: 18px; \n font-weight: 500;\n color: #333;\n }\n .slide .text p {\n margin: 0;\n }\n .slide .benefits {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #333;\n }\n .slide .benefits p {\n margin: 0 0 12px 0;\n font-size: 18px; \n }\n .slide .benefits p strong {\n font-weight: 600;\n font-size: 20px; \n }\n .slide .benefits ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n .slide .benefits li {\n position: relative;\n padding-left: 24px; \n margin-bottom: 8px;\n font-size: 18px; \n }\n .slide .benefits li:before {\n content: \"•\";\n position: absolute;\n left: 0;\n top: 0;\n color: #333;\n font-size: 20px; \n }\n .slide .benefits li:last-child {\n margin-bottom: 0;\n }\n \n .dots {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 16px;\n }\n .slide {\n position: relative;\n }\n .slide-dots {\n position: absolute;\n bottom: 12px;\n right: 12px;\n display: flex;\n gap: 8px;\n z-index: 10;\n }\n .slide-dots .dot {\n width: 24px;\n height: 4px;\n border: none;\n background-color: #ccc;\n border-radius: 2px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n font-size: 0;\n }\n .slide-dots .dot.active {\n background-color: #333;\n transform: scale(1.2);\n box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n }\n .slide-dots .dot:hover {\n background-color: #999;\n transform: scale(1.1);\n }\n .slide-dots .dot {\n transform: scale(1);\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .fixed-dots-container {\n position: absolute;\n bottom: 12px;\n right: 12px;\n display: flex;\n gap: 8px;\n z-index: 10;\n }\n .slide .slide-dots {\n display: none !important;\n }\n .dot {\n width: 24px;\n height: 4px;\n border: none;\n background-color: #ccc;\n border-radius: 2px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n font-size: 0;\n }\n .dot.active {\n background-color: #333;\n }\n .dot:hover {\n background-color: #999;\n }\n \/* ========== End Slider Styles ========== *\/\n \n \/* ========== Product Tabs Styles ========== *\/\n .product__block--tabs {\n margin: 4px 0 20px; \/* 关键修改：顶部margin从8px→4px，缩短一倍 *\/\n }\n .tabs-wrapper {\n width: 100%;\n }\n .tabs__head {\n position: relative;\n border-bottom: 1px solid #e5e5e5;\n margin-bottom: 20px;\n }\n .product-tabs-title {\n display: flex;\n list-style: none;\n margin: 0;\n padding: 0;\n gap: 30px;\n }\n .tab-link {\n position: relative;\n padding: 12px 0;\n cursor: pointer;\n font-size: 16px;\n font-weight: 500;\n color: #999;\n transition: color 0.3s ease;\n border: none;\n background: none;\n outline: none;\n }\n .tab-link:hover {\n color: #333;\n }\n .tab-link.current {\n color: #000;\n }\n .tab-link.current::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 100%;\n height: 2px;\n background-color: #000;\n }\n .tab-content {\n display: none;\n color: #666;\n line-height: 1.6;\n font-size: 18px;\n }\n .tab-content.current {\n display: block;\n }\n .tab-content p {\n margin: 0 0 16px 0;\n }\n .tab-content ul {\n margin: 0 0 16px 0;\n padding-left: 20px;\n }\n .tab-content li {\n margin-bottom: 8px;\n }\n .tab-content strong {\n color: #333;\n font-weight: 600;\n }\n .tab-content img {\n max-width: 100%;\n height: auto;\n display: block;\n margin: 16px 0;\n }\n .tabs__arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: white;\n border: 1px solid #e5e5e5;\n border-radius: 50%;\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n .tabs__arrow:hover {\n background: #f5f5f5;\n }\n .tabs__arrow--prev {\n left: -16px;\n }\n .tabs__arrow--next {\n right: -16px;\n }\n .tabs__arrow.is-hidden {\n display: none;\n }\n .tabs__arrow svg {\n width: 16px;\n height: 16px;\n }\n\n \/* Product Tabs Responsive *\/\n @media (max-width: 768px) {\n .product-tabs-title {\n gap: 20px;\n }\n .tab-link {\n font-size: 14px;\n padding: 10px 0;\n }\n .tab-content {\n font-size: 16px;\n }\n .tabs__arrow {\n width: 28px;\n height: 28px;\n }\n .tabs__arrow svg {\n width: 14px;\n height: 14px;\n }\n .product__block--tabs {\n margin: 3px 0 16px; \/* 响应式同步减半：6px→3px *\/\n }\n }\n \/* ========== End Product Tabs Styles ========== *\/\n\n \/* ========== Toggle Ellipsis Styles ========== *\/\n .toggle-ellipsis {\n position: relative;\n overflow: hidden;\n }\n .toggle-ellipsis__content {\n position: relative;\n overflow: hidden;\n transition: max-height 0.3s ease;\n max-height: 175px;\n }\n .toggle-ellipsis__content::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 40px;\n background: linear-gradient(transparent, white);\n pointer-events: none;\n transition: opacity 0.3s ease;\n }\n .toggle-ellipsis__actions {\n text-align: center;\n margin-top: 10px;\n }\n .caps--link {\n background: none;\n border: none;\n color: #999;\n font-size: 14px;\n cursor: pointer;\n text-decoration: underline;\n padding: 0;\n transition: color 0.3s ease;\n }\n .caps--link:hover {\n color: #333;\n }\n .toggle-ellipsis.expanded .toggle-ellipsis__content {\n max-height: none;\n }\n .toggle-ellipsis.expanded .toggle-ellipsis__content::after {\n opacity: 0;\n }\n .toggle-ellipsis.expanded .caps--link span {\n display: none;\n }\n .toggle-ellipsis.expanded .caps--link::after {\n content: 'Show Less';\n }\n \/* ========== End Toggle Ellipsis Styles ========== *\/\n\n \/* ========== Utility Styles ========== *\/\n .native-scrollbar {\n scrollbar-width: none;\n -ms-overflow-style: none;\n }\n .native-scrollbar::-webkit-scrollbar {\n display: none;\n }\n .rte {\n margin-bottom: 20px;\n }\n \/* ========== End Utility Styles ========== *\/\n \u003c\/style\u003e\n\u003c!-- ========== Icon Info List Section ========== --\u003e\n\u003cdiv class=\"icon-info-list\"\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm7-10-3-3m3 3-3 3m3-3H5m0 0 3-3m-3 3 3 3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e \u003cspan class=\"text\"\u003e30 天免費退貨\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m7 9 5 3.5L17 9\"\u003e\u003c\/path\u003e\n \u003cpath fill=\"none\" stroke=\"#000\" d=\"M2 17V7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"text\"\u003e終身免費保養\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"M15 11.063C12.53 13.65 10.059 20 10.059 20S6.529 11.062 3 9\"\u003e\u003c\/path\u003e\n \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m20.496 5.577.426 4.424c.276 2.87-1.875 5.425-4.745 5.702-2.816.27-5.367-1.788-5.638-4.604a5.122 5.122 0 0 1 4.608-5.59l4.716-.454a.58.58 0 0 1 .633.522z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e \u003cspan class=\"text\"\u003e100% 天然\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m8.587 8.236 2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232 5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 0 1 .503-1.54l5.808-.845z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"text\"\u003e五千年的中國文化\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- ========== End Icon Info List Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003c\/p\u003e\n\n\u003c!-- ========== Slider Section ========== --\u003e\n\u003cdiv class=\"simple-slider\"\u003e\n\n\u003cdiv id=\"sliderContainer\" class=\"slider-container\"\u003e\n\n\u003cdiv class=\"fixed-dots-container\"\u003e\n\n \u003cbutton data-slide=\"0\" class=\"dot active\"\u003e1\u003c\/button\u003e \u003cbutton data-slide=\"1\" class=\"dot\"\u003e2\u003c\/button\u003e \n\n\u003c\/div\u003e\n\n\u003cdiv id=\"slidesWrapper\" class=\"slides-wrapper\"\u003e\n\n\u003cdiv class=\"slide\"\u003e\n\n\u003cdiv class=\"content\"\u003e\n\n\u003cdiv class=\"icon-text\"\u003e\n\n\u003cdiv class=\"icon\"\u003e\u003cimg height=\"55\" width=\"55\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/8f750c63b861e2688b6144aa16a7efbd.png?v=1767076394\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"text\"\u003e\n\n \u003cp\u003eICH：【漆葫蘆】\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"benefits\"\u003e\n\n\u003cp\u003e\u003cstrong\u003e關鍵要素\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e鎮靜\u003c\/li\u003e\n\n\u003cli\u003e淨化與放鬆\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"slide\"\u003e\n\n\u003cdiv class=\"content\"\u003e\n\n\u003cdiv class=\"icon-text\"\u003e\n\n\u003cdiv class=\"icon\"\u003e\u003cimg height=\"65\" width=\"65\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/f8b2923bcab006e21bb0290a3b462bec.png?v=1766912760\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"text\"\u003e\n\n\u003cp\u003e何香珠\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"benefits\"\u003e\n\n\u003cp\u003e\u003cstrong\u003e主要優勢\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e調節與清新\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- ========== End Slider Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003c\/p\u003e\n\n\u003c!-- ========== Tabs Section ========== --\u003e\n\u003cdiv class=\"product__block product__block--tabs tabs-wrapper block-padding\" style=\"--block-padding-bottom: 0px;\"\u003e\n\n\u003cul class=\"tabs product-tabs-title\" data-scrollbar=\"\" data-scrollbar-slider=\"\"\u003e\n\n\u003cli class=\"tab-link tab-link-0 current\" data-tab=\"0\" data-attributes-placeholder=\"\" tabindex=\"0\"\u003e\u003cspan\u003e描述\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"tab-link tab-link-1\" data-tab=\"1\" tabindex=\"0\"\u003e\u003cspan\u003e尖端\u003c\/span\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\u003cbutton type=\"button\" class=\"tabs__arrow tabs__arrow--prev product-tabs__arrow product-tabs__arrow--prev is-hidden\" data-scrollbar-arrow-prev=\"\"\u003e\u003csvg aria-hidden=\"true\" role=\"presentation\" class=\"icon icon-nav-arrow-left\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"m15 6-6 6 6 6\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003cspan class=\"visually-hidden\"\u003e看全部\u003c\/span\u003e\u003c\/button\u003e\u003cbutton type=\"button\" class=\"tabs__arrow tabs__arrow--next product-tabs__arrow product-tabs__arrow--next is-hidden\" data-scrollbar-arrow-next=\"\"\u003e\u003csvg aria-hidden=\"true\" role=\"presentation\" class=\"icon icon-nav-arrow-right\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"m9 6 6 6-6 6\" stroke=\"#000\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003cspan class=\"visually-hidden\"\u003e看全部\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"tab-content tab-content-0 current rte\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\n\u003cp class=\"p\"\u003e\u003cstrong\u003e核心目標族群：久坐辦公室的專業人士、作息時間不規律的人士以及在職場中面臨重大人際關係壓力的人士。\u003c\/strong\u003e\u003c\/p\u003e\n\n \u003cp\u003e\u003cstrong\u003e這款傳統中式手鍊是現代人應對身心疲憊的貼心之選。天然芬芳的和香竹能夠舒緩長時間伏案工作和精神疲勞帶來的身體酸痛，改善因作息不規律而導致的暗沉膚色，並緩解職場人際摩擦帶來的隱性情緒壓力。鮮亮的紅色花玉髓作為裝飾，有助於提振精神，煥發活力。此外，手鍊上還點綴著非物質文化遺產——手工漆葫蘆，不僅蘊含著「福氣與你同在」的傳統美好寓意，更增添了匠人獨有的質感。它既是一件極具價值的傳統中式飾品，也是一件便於攜帶的身心保健品，適合辦公室和日常出行等各種場合佩戴。\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton type=\"button\" class=\"caps--link\"\u003e\u003cspan\u003e閱讀更多\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"tab-content tab-content-1 rte\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\n\u003cul\u003e\n\n \u003cli\u003e\u003cstrong\u003e手動測量可能存在輕微誤差—感謝您的理解！\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e這些純手工製作的天然產品可能會有一些細微瑕疵。光線也可能導致實物與照片略有色差。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e正常配戴情況下，香味可持續1-2個月。若香味變淡，將香珠密封2-3天即可恢復香味，無需再添加香水。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e所有水晶均由天然原礦打磨而成，不經過染色或樹脂注入，確保品質。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e這些香珠採用天然草本材料製成，不含化學黏合劑，適合敏感肌膚使用。如有任何不適，請停止使用並聯絡客服。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e對於非品質問題導致的免運費商品退貨，買家需承擔退貨運費。\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton type=\"button\" class=\"caps--link\"\u003e\u003cspan\u003e閱讀更多\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n \u003cp\u003e\u003cstrong\u003e\u003cstrong\u003e\u003c!-- ========== End Tabs Section ========== --\u003e\u003cscript\u003e\n \/\/ ========== Slider Functionality ==========\n document.addEventListener('DOMContentLoaded', function() {\n const sliderContainer = document.getElementById('sliderContainer');\n const slidesWrapper = document.getElementById('slidesWrapper');\n const slides = document.querySelectorAll('.slide');\n const dots = document.querySelectorAll('.dot');\n let currentSlide = 0;\n const totalSlides = slides.length;\n \n let isDragging = false;\n let startX = 0;\n let currentX = 0;\n let initialTransform = 0;\n let animationId = 0;\n\n function updateSlider() {\n const translateX = -currentSlide * 100;\n slidesWrapper.style.transform = `translateX(${translateX}%)`;\n \n dots.forEach((dot, index) =\u003e {\n const wasActive = dot.classList.contains('active');\n const isActive = index === currentSlide;\n \n if (wasActive !== isActive) {\n setTimeout(() =\u003e {\n dot.classList.toggle('active', isActive);\n }, index * 50); \n } else {\n dot.classList.toggle('active', isActive);\n }\n });\n \n slides.forEach((slide, index) =\u003e {\n if (index === currentSlide) {\n slide.style.opacity = '1';\n slide.style.transform = 'scale(1)';\n } else {\n slide.style.opacity = '0.8';\n slide.style.transform = 'scale(0.98)';\n }\n });\n }\n\n function showSlide(index) {\n currentSlide = index;\n if (currentSlide \u003c 0) currentSlide = totalSlides - 1;\n if (currentSlide \u003e= totalSlides) currentSlide = 0;\n updateSlider();\n }\n\n dots.forEach((dot, index) =\u003e {\n dot.addEventListener('click', () =\u003e {\n showSlide(index);\n });\n });\n \n sliderContainer.addEventListener('mousedown', startDrag);\n sliderContainer.addEventListener('mousemove', drag);\n sliderContainer.addEventListener('mouseup', endDrag);\n sliderContainer.addEventListener('mouseleave', endDrag);\n\n sliderContainer.addEventListener('touchstart', startDrag, { passive: false });\n sliderContainer.addEventListener('touchmove', drag, { passive: false });\n sliderContainer.addEventListener('touchend', endDrag);\n\n function startDrag(e) {\n isDragging = true;\n startX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n initialTransform = -currentSlide * 100;\n slidesWrapper.style.transition = 'none';\n \n if (animationId) {\n cancelAnimationFrame(animationId);\n }\n }\n\n function drag(e) {\n if (!isDragging) return;\n \n e.preventDefault();\n currentX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n const deltaX = currentX - startX;\n const dragPercentage = (deltaX \/ sliderContainer.offsetWidth) * 100;\n const newTransform = initialTransform + dragPercentage;\n \n slidesWrapper.style.transform = `translateX(${newTransform}%)`;\n }\n\n function endDrag(e) {\n if (!isDragging) return;\n \n isDragging = false;\n slidesWrapper.style.transition = 'transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n \n const deltaX = currentX - startX;\n const threshold = sliderContainer.offsetWidth * 0.15; \n \n if (Math.abs(deltaX) \u003e threshold) {\n if (deltaX \u003e 0) {\n showSlide(currentSlide - 1);\n } else {\n showSlide(currentSlide + 1);\n }\n } else {\n updateSlider();\n }\n }\n\n sliderContainer.addEventListener('dragstart', (e) =\u003e {\n e.preventDefault();\n });\n\n setInterval(() =\u003e {\n if (!isDragging) {\n showSlide(currentSlide + 1);\n }\n }, 5000);\n });\n\n \/\/ ========== Tab Functionality ==========\n document.addEventListener('DOMContentLoaded', function() {\n const tabLinks = document.querySelectorAll('.tab-link');\n const tabContents = document.querySelectorAll('.tab-content');\n\n function showTab(index) {\n tabContents.forEach(content =\u003e content.classList.remove('current'));\n tabLinks.forEach(link =\u003e link.classList.remove('current'));\n \n tabContents[index].classList.add('current');\n tabLinks[index].classList.add('current');\n }\n\n tabLinks.forEach((link, index) =\u003e {\n link.addEventListener('click', () =\u003e {\n showTab(index);\n });\n });\n });\n\n \/\/ ========== Expand\/Collapse Functionality ==========\n document.addEventListener('DOMContentLoaded', function() {\n const toggleButtons = document.querySelectorAll('.caps--link');\n \n toggleButtons.forEach(button =\u003e {\n button.addEventListener('click', function() {\n const toggleContainer = this.closest('.toggle-ellipsis');\n const content = toggleContainer.querySelector('.toggle-ellipsis__content');\n const buttonText = this.querySelector('span');\n \n if (toggleContainer.classList.contains('expanded')) {\n toggleContainer.classList.remove('expanded');\n content.style.maxHeight = '175px';\n buttonText.textContent = 'Read More';\n } else {\n toggleContainer.classList.add('expanded');\n content.style.maxHeight = content.scrollHeight + 'px';\n buttonText.textContent = 'Show Less';\n }\n });\n });\n });\n\u003c\/script\u003e\u003c\/strong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003c!-- Products Introduction 四列展示区块 开始 --\u003e\n\u003cstyle\u003e\n .products-intro-section {\n width: 100%;\n margin: 0;\n background: #fff;\n }\n .products-intro-title {\n font-size: 2.8rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 700;\n margin-bottom: 36px;\n text-align: left;\n margin-left: 8vw;\n letter-spacing: 0.01em;\n }\n .products-intro-list {\n display: flex;\n justify-content: center;\n gap: 0 36px;\n max-width: 1200px;\n margin: 0 auto;\n }\n .products-intro-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 280px;\n }\n .products-intro-img {\n width: 100px;\n height: 100px;\n object-fit: contain;\n margin-bottom: 20px;\n margin-top: 12px;\n }\n .products-intro-name {\n font-size: 1.8rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 600;\n margin-bottom: 18px;\n text-align: center;\n letter-spacing: 0.01em;\n }\n .products-intro-desc {\n list-style: disc inside;\n text-align: center;\n font-size: 1.6rem;\n color: #222;\n margin: 0;\n padding: 0;\n width: 100%;\n display: inline-block;\n }\n .products-intro-desc li {\n margin-bottom: 12px;\n line-height: 1.5;\n word-break: break-word;\n padding-left: 0;\n text-indent: 0;\n display: list-item;\n }\n \n @media (max-width: 900px) and (min-width: 600px) {\n .products-intro-title {\n margin-left: 0;\n text-align: center;\n }\n .products-intro-list {\n flex-wrap: wrap;\n gap: 24px;\n justify-content: center;\n }\n .products-intro-item {\n width: calc(50% - 12px);\n max-width: 320px;\n }\n }\n \n @media (max-width: 599px) {\n .products-intro-title {\n margin-left: 0;\n text-align: center;\n font-size: 2.0rem;\n margin-bottom: 20px;\n }\n .products-intro-list {\n gap: 16px;\n justify-content: center;\n padding: 0 12px;\n }\n .products-intro-item {\n width: calc(50% - 8px);\n max-width: 180px;\n }\n .products-intro-img {\n width: 60px;\n height: 60px;\n margin-bottom: 10px;\n margin-top: 6px;\n }\n .products-intro-name {\n font-size: 1.4rem;\n margin-bottom: 8px;\n }\n .products-intro-desc {\n font-size: 1.6rem;\n }\n .products-intro-desc li {\n margin-bottom: 8px;\n line-height: 1.4;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 480px) {\n .products-intro-title {\n font-size: 1.8rem;\n margin-bottom: 16px;\n }\n .products-intro-list {\n gap: 12px;\n padding: 0 8px;\n }\n .products-intro-item {\n width: calc(50% - 6px);\n max-width: 150px;\n }\n .products-intro-img {\n width: 80px;\n height: 50px;\n margin-bottom: 8px;\n margin-top: 4px;\n }\n .products-intro-name {\n font-size: 2.5rem;\n margin-bottom: 6px;\n }\n .products-intro-desc {\n font-size: 1.4rem;\n }\n .products-intro-desc li {\n margin-bottom: 6px;\n line-height: 1.3;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 360px) {\n .products-intro-title {\n font-size: 1.6rem;\n margin-bottom: 12px;\n }\n .products-intro-list {\n gap: 8px;\n padding: 0 6px;\n }\n .products-intro-item {\n width: calc(50% - 4px);\n max-width: 130px;\n }\n .products-intro-img {\n width: 40px;\n height: 40px;\n margin-bottom: 6px;\n margin-top: 2px;\n }\n .products-intro-name {\n font-size: 1.1rem;\n margin-bottom: 4px;\n }\n .products-intro-desc {\n font-size: 1.2rem;\n }\n .products-intro-desc li {\n margin-bottom: 4px;\n line-height: 1.2;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"products-intro-section\"\u003e\n\n\u003cdiv class=\"products-intro-title\"\u003e產品介紹\u003c\/div\u003e\n\n\u003cdiv class=\"products-intro-list\"\u003e\n\n\u003cdiv class=\"products-intro-item\"\u003e\n\n\u003cimg alt=\"尺寸\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/2_0de5d2c0-0ef0-4aca-89a1-f4848a85140a.jpg?v=1753257593\" class=\"products-intro-img\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003e尺寸\u003c\/strong\u003e\u003c\/div\u003e\n\n\u003cul class=\"products-intro-desc\"\u003e\n\n\u003cli\u003e\u003cstrong\u003e珠子直徑 12 毫米\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"products-intro-item\"\u003e\n\n\u003cimg alt=\"脈輪\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/3_c7d6aa2e-bb7b-4874-abe7-d7cf5031d27b.jpg?v=1753257593\" class=\"products-intro-img\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003e關心\u003c\/strong\u003e\u003c\/div\u003e\n\n\u003cul class=\"products-intro-desc\"\u003e\n\n\u003cli\u003e\u003cstrong\u003e乾涼無化學成分\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Products Introduction 四列展示区块 结束 --\u003e\n\u003cp\u003e\u003c\/p\u003e\n\n\u003c!-- 分割线 --\u003e\u003chr style=\"\/* width: 80%; *\/height: 2px; background-color: #cccccc; border: none; \/* margin: 60px auto; *\/border-radius: 2px; margin-bottom: 10px; margin-top: 10px;\"\u003e\n\u003c!-- Key Energy 三列展示区块 开始 --\u003e\n\u003cstyle\u003e\n .key-energy-section {\n width: 100%;\n margin: 0;\n background: #fff;\n }\n .key-energy-title {\n font-size: 3.2rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 700;\n margin-bottom: 40px;\n text-align: left;\n margin-left: 8vw;\n letter-spacing: 0.01em;\n }\n .key-energy-list {\n display: flex;\n justify-content: center;\n gap: 0 80px;\n max-width: 800px;\n margin: 0 auto;\n }\n .key-energy-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 320px;\n }\n .key-energy-img {\n width: 140px;\n height: 140px;\n object-fit: contain;\n margin-bottom: 20px;\n margin-top: 16px;\n }\n .key-energy-name {\n font-size: 1.8rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 600;\n margin-bottom: 18px;\n text-align: center;\n letter-spacing: 0.01em;\n }\n .key-energy-desc {\n list-style: disc inside;\n text-align: center;\n font-size: 1.5rem;\n color: #222;\n margin: 0;\n padding: 0;\n width: 100%;\n display: inline-block;\n }\n .key-energy-desc li {\n margin-bottom: 10px;\n line-height: 1.6;\n word-break: break-word;\n padding-left: 0;\n text-indent: 0;\n display: list-item;\n }\n \n @media (max-width: 900px) and (min-width: 600px) {\n .key-energy-title {\n margin-left: 0;\n text-align: center;\n font-size: 2.4rem;\n font-weight: 700;\n }\n .key-energy-list {\n flex-wrap: wrap;\n gap: 24px;\n justify-content: center;\n }\n .key-energy-item {\n width: calc(50% - 12px);\n max-width: 350px;\n }\n }\n \n @media (max-width: 599px) {\n .key-energy-title {\n margin-left: 0;\n text-align: center;\n font-size: 2.0rem;\n font-weight: 700;\n margin-bottom: 16px;\n }\n .key-energy-list {\n gap: 14px;\n justify-content: center;\n padding: 0 8px;\n }\n .key-energy-item {\n width: calc(50% - 7px);\n max-width: 180px;\n }\n .key-energy-img {\n width: 90px;\n height: 90px;\n margin-bottom: 12px;\n margin-top: 8px;\n }\n .key-energy-name {\n font-size: 1.5rem;\n font-weight: 600;\n margin-bottom: 10px;\n }\n .key-energy-desc {\n font-size: 1.6rem;\n font-weight: 500;\n list-style: none;\n }\n .key-energy-desc li {\n margin-bottom: 8px;\n line-height: 1.4;\n padding-left: 0;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 480px) {\n .key-energy-title {\n font-size: 1.8rem;\n font-weight: 700;\n margin-bottom: 12px;\n }\n .key-energy-list {\n gap: 12px;\n padding: 0 6px;\n justify-content: center;\n }\n .key-energy-item {\n width: calc(50% - 6px);\n max-width: 160px;\n }\n .key-energy-img {\n width: 80px;\n height: 80px;\n margin-bottom: 10px;\n margin-top: 6px;\n }\n .key-energy-name {\n font-size: 2.5rem;\n font-weight: 600;\n margin-bottom: 8px;\n }\n .key-energy-desc {\n font-size: 1.4rem;\n font-weight: 500;\n list-style: none;\n }\n .key-energy-desc li {\n margin-bottom: 6px;\n line-height: 1.3;\n padding-left: 0;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 360px) {\n .key-energy-title {\n font-size: 1.6rem;\n font-weight: 700;\n margin-bottom: 10px;\n }\n .key-energy-list {\n gap: 8px;\n padding: 0 6px;\n justify-content: center;\n }\n .key-energy-item {\n width: calc(50% - 4px);\n max-width: 120px;\n }\n .key-energy-img {\n width: 70px;\n height: 70px;\n margin-bottom: 8px;\n margin-top: 4px;\n }\n .key-energy-name {\n font-size: 1.2rem;\n font-weight: 600;\n margin-bottom: 6px;\n }\n .key-energy-desc {\n font-size: 1.2rem;\n font-weight: 500;\n list-style: none;\n }\n .key-energy-desc li {\n margin-bottom: 4px;\n line-height: 1.2;\n padding-left: 0;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"key-energy-section\"\u003e\n\n\u003cdiv class=\"key-energy-title\"\u003e關鍵能源\u003c\/div\u003e\n\n\u003cdiv class=\"key-energy-list\"\u003e\n\n\u003cdiv class=\"key-energy-item\"\u003e\n\n\u003cimg class=\"key-energy-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/4f7c06916d844ce8a4022cefc61bf764.png?v=1767082185\" alt=\"茶晶\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003e紅色樹脂花晶\u003c\/strong\u003e\u003c\/div\u003e\n\n\u003cul class=\"key-energy-desc\"\u003e\n\n\u003cli\u003e\u003cstrong\u003e耐力\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e能量與溫暖\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Key Energy 三列展示区块 结束 --\u003e","brand":"FateGemz","offers":[{"title":"S","offer_id":52536670486842,"sku":"Gourd-Redresinflower-S","price":49.0,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":52536670519610,"sku":"Gourd-Redresinflower-M","price":49.0,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":52536670552378,"sku":"Gourd-Redresinflower-L","price":49.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/revitalizing-fortune-red-flower-chalcedony-hexiangzhu-bracelet-1829256.png?v=1766961009"},{"product_id":"aquamarine-lacquer-gourd-scented-bracelet-calm-fortune","title":"保濕福運海藍寶石與河香竹手鍊","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\n \/* ========== Icon Info List Styles ========== *\/\n .icon-info-list {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 12px 20px;\n margin: 32px 0 8px 0; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n }\n .icon-info-item {\n display: flex;\n align-items: center;\n font-size: 18px; \n color: #222;\n font-weight: 400;\n }\n .icon-info-item .icon {\n display: flex;\n align-items: center;\n margin-right: 8px; \n }\n .icon-info-item .icon svg {\n width: 24px; \n height: 24px; \n display: block;\n stroke-width: 1.5;\n }\n \n .icon-info-item:nth-child(2),\n .icon-info-item:nth-child(4) {\n text-align: left;\n padding-left: 0;\n }\n\n \/* Icon Info List Responsive *\/\n @media (max-width: 768px) {\n .icon-info-list {\n grid-template-columns: repeat(2, 1fr);\n gap: 8px 12px;\n margin: 24px 0 6px 0; \/* 响应式同步减半：12px→6px *\/\n }\n .icon-info-item {\n font-size: 16px;\n white-space: nowrap;\n }\n .icon-info-item .icon svg {\n width: 22px;\n height: 22px;\n }\n .icon-info-item:nth-child(2),\n .icon-info-item:nth-child(4) {\n text-align: left;\n padding-left: 0;\n }\n }\n\n @media (max-width: 599px) {\n .icon-info-list {\n gap: 6px 8px;\n margin: 20px 0 5px 0; \/* 响应式同步减半：10px→5px *\/\n }\n .icon-info-item {\n font-size: 14px;\n white-space: nowrap;\n }\n .icon-info-item .icon {\n margin-right: 4px;\n }\n .icon-info-item .icon svg {\n width: 20px;\n height: 20px;\n }\n }\n\n @media (max-width: 480px) {\n .icon-info-list {\n gap: 6px 8px;\n margin: 16px 0 4px 0; \/* 响应式同步减半：8px→4px *\/\n }\n .icon-info-item {\n font-size: 13px;\n white-space: nowrap;\n }\n .icon-info-item .icon {\n margin-right: 3px;\n }\n .icon-info-item .icon svg {\n width: 18px;\n height: 18px;\n }\n }\n \/* ========== End Icon Info List Styles ========== *\/\n\n \/* ========== Slider Styles ========== *\/\n .simple-slider {\n width: 100%;\n max-width: 600px;\n margin: 0 auto 8px; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n position: relative;\n }\n .slider-container {\n position: relative;\n height: 280px;\n overflow: hidden;\n cursor: grab;\n }\n .slider-container:active {\n cursor: grabbing;\n }\n .slides-wrapper {\n display: flex;\n transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n height: 100%;\n }\n .slide {\n min-width: 100%;\n height: 100%;\n background-color: #eaeaea;\n border-radius: 8px;\n padding: 0 16px; \n box-sizing: border-box;\n user-select: none;\n transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .slide .content {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 20px;\n }\n .slide .icon-text {\n display: flex;\n align-items: center;\n gap: 16px;\n }\n .slide .icon-text .icon {\n width: 65px; \n height: 65px; \n flex-shrink: 0;\n }\n .slide .icon-text .icon img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n .slide .text {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n font-size: 18px; \n font-weight: 500;\n color: #333;\n }\n .slide .text p {\n margin: 0;\n }\n .slide .benefits {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #333;\n }\n .slide .benefits p {\n margin: 0 0 12px 0;\n font-size: 18px; \n }\n .slide .benefits p strong {\n font-weight: 600;\n font-size: 20px; \n }\n .slide .benefits ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n .slide .benefits li {\n position: relative;\n padding-left: 24px; \n margin-bottom: 8px;\n font-size: 18px; \n }\n .slide .benefits li:before {\n content: \"•\";\n position: absolute;\n left: 0;\n top: 0;\n color: #333;\n font-size: 20px; \n }\n .slide .benefits li:last-child {\n margin-bottom: 0;\n }\n \n .dots {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 16px;\n }\n .slide {\n position: relative;\n }\n .slide-dots {\n position: absolute;\n bottom: 12px;\n right: 12px;\n display: flex;\n gap: 8px;\n z-index: 10;\n }\n .slide-dots .dot {\n width: 24px;\n height: 4px;\n border: none;\n background-color: #ccc;\n border-radius: 2px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n font-size: 0;\n }\n .slide-dots .dot.active {\n background-color: #333;\n transform: scale(1.2);\n box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n }\n .slide-dots .dot:hover {\n background-color: #999;\n transform: scale(1.1);\n }\n .slide-dots .dot {\n transform: scale(1);\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .fixed-dots-container {\n position: absolute;\n bottom: 12px;\n right: 12px;\n display: flex;\n gap: 8px;\n z-index: 10;\n }\n .slide .slide-dots {\n display: none !important;\n }\n .dot {\n width: 24px;\n height: 4px;\n border: none;\n background-color: #ccc;\n border-radius: 2px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n font-size: 0;\n }\n .dot.active {\n background-color: #333;\n }\n .dot:hover {\n background-color: #999;\n }\n \/* ========== End Slider Styles ========== *\/\n \n \/* ========== Product Tabs Styles ========== *\/\n .product__block--tabs {\n margin: 4px 0 20px; \/* 关键修改：顶部margin从8px→4px，缩短一倍 *\/\n }\n .tabs-wrapper {\n width: 100%;\n }\n .tabs__head {\n position: relative;\n border-bottom: 1px solid #e5e5e5;\n margin-bottom: 20px;\n }\n .product-tabs-title {\n display: flex;\n list-style: none;\n margin: 0;\n padding: 0;\n gap: 30px;\n }\n .tab-link {\n position: relative;\n padding: 12px 0;\n cursor: pointer;\n font-size: 16px;\n font-weight: 500;\n color: #999;\n transition: color 0.3s ease;\n border: none;\n background: none;\n outline: none;\n }\n .tab-link:hover {\n color: #333;\n }\n .tab-link.current {\n color: #000;\n }\n .tab-link.current::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 100%;\n height: 2px;\n background-color: #000;\n }\n .tab-content {\n display: none;\n color: #666;\n line-height: 1.6;\n font-size: 18px;\n }\n .tab-content.current {\n display: block;\n }\n .tab-content p {\n margin: 0 0 16px 0;\n }\n .tab-content ul {\n margin: 0 0 16px 0;\n padding-left: 20px;\n }\n .tab-content li {\n margin-bottom: 8px;\n }\n .tab-content strong {\n color: #333;\n font-weight: 600;\n }\n .tab-content img {\n max-width: 100%;\n height: auto;\n display: block;\n margin: 16px 0;\n }\n .tabs__arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: white;\n border: 1px solid #e5e5e5;\n border-radius: 50%;\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n .tabs__arrow:hover {\n background: #f5f5f5;\n }\n .tabs__arrow--prev {\n left: -16px;\n }\n .tabs__arrow--next {\n right: -16px;\n }\n .tabs__arrow.is-hidden {\n display: none;\n }\n .tabs__arrow svg {\n width: 16px;\n height: 16px;\n }\n\n \/* Product Tabs Responsive *\/\n @media (max-width: 768px) {\n .product-tabs-title {\n gap: 20px;\n }\n .tab-link {\n font-size: 14px;\n padding: 10px 0;\n }\n .tab-content {\n font-size: 16px;\n }\n .tabs__arrow {\n width: 28px;\n height: 28px;\n }\n .tabs__arrow svg {\n width: 14px;\n height: 14px;\n }\n .product__block--tabs {\n margin: 3px 0 16px; \/* 响应式同步减半：6px→3px *\/\n }\n }\n \/* ========== End Product Tabs Styles ========== *\/\n\n \/* ========== Toggle Ellipsis Styles ========== *\/\n .toggle-ellipsis {\n position: relative;\n overflow: hidden;\n }\n .toggle-ellipsis__content {\n position: relative;\n overflow: hidden;\n transition: max-height 0.3s ease;\n max-height: 175px;\n }\n .toggle-ellipsis__content::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 40px;\n background: linear-gradient(transparent, white);\n pointer-events: none;\n transition: opacity 0.3s ease;\n }\n .toggle-ellipsis__actions {\n text-align: center;\n margin-top: 10px;\n }\n .caps--link {\n background: none;\n border: none;\n color: #999;\n font-size: 14px;\n cursor: pointer;\n text-decoration: underline;\n padding: 0;\n transition: color 0.3s ease;\n }\n .caps--link:hover {\n color: #333;\n }\n .toggle-ellipsis.expanded .toggle-ellipsis__content {\n max-height: none;\n }\n .toggle-ellipsis.expanded .toggle-ellipsis__content::after {\n opacity: 0;\n }\n .toggle-ellipsis.expanded .caps--link span {\n display: none;\n }\n .toggle-ellipsis.expanded .caps--link::after {\n content: 'Show Less';\n }\n \/* ========== End Toggle Ellipsis Styles ========== *\/\n\n \/* ========== Utility Styles ========== *\/\n .native-scrollbar {\n scrollbar-width: none;\n -ms-overflow-style: none;\n }\n .native-scrollbar::-webkit-scrollbar {\n display: none;\n }\n .rte {\n margin-bottom: 20px;\n }\n \/* ========== End Utility Styles ========== *\/\n \u003c\/style\u003e\n\u003c!-- ========== Icon Info List Section ========== --\u003e\n\u003cdiv class=\"icon-info-list\"\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm7-10-3-3m3 3-3 3m3-3H5m0 0 3-3m-3 3 3 3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e \u003cspan class=\"text\"\u003e30 天免費退貨\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m7 9 5 3.5L17 9\"\u003e\u003c\/path\u003e\n \u003cpath fill=\"none\" stroke=\"#000\" d=\"M2 17V7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"text\"\u003e終身免費保養\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"M15 11.063C12.53 13.65 10.059 20 10.059 20S6.529 11.062 3 9\"\u003e\u003c\/path\u003e\n \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m20.496 5.577.426 4.424c.276 2.87-1.875 5.425-4.745 5.702-2.816.27-5.367-1.788-5.638-4.604a5.122 5.122 0 0 1 4.608-5.59l4.716-.454a.58.58 0 0 1 .633.522z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e \u003cspan class=\"text\"\u003e100% 天然\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m8.587 8.236 2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232 5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 0 1 .503-1.54l5.808-.845z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"text\"\u003e五千年的中國文化\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- ========== End Icon Info List Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003c\/p\u003e\n\n\u003c!-- ========== Slider Section ========== --\u003e\n\u003cdiv class=\"simple-slider\"\u003e\n\n\u003cdiv id=\"sliderContainer\" class=\"slider-container\"\u003e\n\n\u003cdiv class=\"fixed-dots-container\"\u003e\n\n \u003cbutton data-slide=\"0\" class=\"dot active\"\u003e1\u003c\/button\u003e \u003cbutton data-slide=\"1\" class=\"dot\"\u003e2\u003c\/button\u003e \n\n\u003c\/div\u003e\n\n\u003cdiv id=\"slidesWrapper\" class=\"slides-wrapper\"\u003e\n\n\u003cdiv class=\"slide\"\u003e\n\n\u003cdiv class=\"content\"\u003e\n\n\u003cdiv class=\"icon-text\"\u003e\n\n\u003cdiv class=\"icon\"\u003e\u003cimg height=\"55\" width=\"55\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/8f750c63b861e2688b6144aa16a7efbd.png?v=1767076394\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"text\"\u003e\n\n\u003cp\u003e ICH：【漆葫蘆】\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"benefits\"\u003e\n\n\u003cp\u003e\u003cstrong\u003e關鍵要素\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cul\u003e\n\n \u003cli\u003e鎮靜劑\u003c\/li\u003e\n\n\u003cli\u003e滋養與寧靜\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"slide\"\u003e\n\n\u003cdiv class=\"content\"\u003e\n\n\u003cdiv class=\"icon-text\"\u003e\n\n\u003cdiv class=\"icon\"\u003e\u003cimg height=\"65\" width=\"65\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/f8b2923bcab006e21bb0290a3b462bec.png?v=1766912760\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"text\"\u003e\n\n\u003cp\u003e何香珠\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"benefits\"\u003e\n\n\u003cp\u003e\u003cstrong\u003e主要優勢\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e令人耳目一新\u003c\/li\u003e\n\n\u003cli\u003e調節與清新\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- ========== End Slider Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003c\/p\u003e\n\n\u003c!-- ========== Tabs Section ========== --\u003e\n\u003cdiv class=\"product__block product__block--tabs tabs-wrapper block-padding\" style=\"--block-padding-bottom: 0px;\"\u003e\n\n\u003cul class=\"tabs product-tabs-title\" data-scrollbar=\"\" data-scrollbar-slider=\"\"\u003e\n\n\u003cli class=\"tab-link tab-link-0 current\" data-tab=\"0\" data-attributes-placeholder=\"\" tabindex=\"0\"\u003e\u003cspan\u003e描述\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"tab-link tab-link-1\" data-tab=\"1\" tabindex=\"0\"\u003e\u003cspan\u003e尖端\u003c\/span\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\u003cbutton type=\"button\" class=\"tabs__arrow tabs__arrow--prev product-tabs__arrow product-tabs__arrow--prev is-hidden\" data-scrollbar-arrow-prev=\"\"\u003e\u003csvg aria-hidden=\"true\" role=\"presentation\" class=\"icon icon-nav-arrow-left\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"m15 6-6 6 6 6\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003cspan class=\"visually-hidden\"\u003e看全部\u003c\/span\u003e\u003c\/button\u003e\u003cbutton type=\"button\" class=\"tabs__arrow tabs__arrow--next product-tabs__arrow product-tabs__arrow--next is-hidden\" data-scrollbar-arrow-next=\"\"\u003e\u003csvg aria-hidden=\"true\" role=\"presentation\" class=\"icon icon-nav-arrow-right\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"m9 6 6 6-6 6\" stroke=\"#000\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003cspan class=\"visually-hidden\"\u003e看全部\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"tab-content tab-content-0 current rte\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\n\u003cp class=\"p\"\u003e\u003cstrong\u003e核心目標受眾：受季節變化影響的人群、受試者、長時間在封閉環境中工作的人。\u003c\/strong\u003e\u003c\/p\u003e\n\n \u003cp\u003e\u003cstrong\u003e這款傳統中式手鍊是現代人緩解身心疲憊的便攜佳品。天然潤澤、香氣怡人的和香竹，能溫和舒緩季節變化引起的咽喉腫痛和呼吸不適，改善長期封閉環境造成的胸悶煩躁，並緩解因考試和考核帶來的持續精神壓力。搭配的清澈海藍寶石水晶，有助於平靜心緒，帶來通透之感。鑲嵌的非物質文化遺產手工漆葫蘆，不僅蘊含著「福氣常伴」的傳統美好寓意，更增添了匠人獨有的溫暖。它既是一件優雅的傳統中式飾品，也是一件便攜的呼吸舒緩、情緒舒緩的療癒神器，適合學習和日常通勤等各種場合佩戴。\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton type=\"button\" class=\"caps--link\"\u003e\u003cspan\u003e閱讀更多\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"tab-content tab-content-1 rte\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\n\u003cul\u003e\n\n \u003cli\u003e\u003cstrong\u003e手動測量可能存在輕微誤差—感謝您的理解！\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e這些純手工製作的天然產品可能會有一些細微瑕疵。光線也可能導致實物與照片略有色差。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e正常配戴情況下，香味可持續1-2個月。若香味變淡，將香珠密封2-3天即可恢復香味，無需再添加香水。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e所有水晶均由天然原礦打磨而成，不經過染色或樹脂注入，確保品質。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e這些香珠採用天然草本材料製成，不含化學黏合劑，適合敏感肌膚使用。如有任何不適，請停止使用並聯絡客服。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e對於非品質問題導致的免運費商品退貨，買家需承擔退貨運費。\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton type=\"button\" class=\"caps--link\"\u003e\u003cspan\u003e閱讀更多\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n \u003cp\u003e\u003cstrong\u003e\u003cstrong\u003e\u003c!-- ========== End Tabs Section ========== --\u003e\u003cscript\u003e\n \/\/ ========== Slider Functionality ==========\n document.addEventListener('DOMContentLoaded', function() {\n const sliderContainer = document.getElementById('sliderContainer');\n const slidesWrapper = document.getElementById('slidesWrapper');\n const slides = document.querySelectorAll('.slide');\n const dots = document.querySelectorAll('.dot');\n let currentSlide = 0;\n const totalSlides = slides.length;\n \n let isDragging = false;\n let startX = 0;\n let currentX = 0;\n let initialTransform = 0;\n let animationId = 0;\n\n function updateSlider() {\n const translateX = -currentSlide * 100;\n slidesWrapper.style.transform = `translateX(${translateX}%)`;\n \n dots.forEach((dot, index) =\u003e {\n const wasActive = dot.classList.contains('active');\n const isActive = index === currentSlide;\n \n if (wasActive !== isActive) {\n setTimeout(() =\u003e {\n dot.classList.toggle('active', isActive);\n }, index * 50); \n } else {\n dot.classList.toggle('active', isActive);\n }\n });\n \n slides.forEach((slide, index) =\u003e {\n if (index === currentSlide) {\n slide.style.opacity = '1';\n slide.style.transform = 'scale(1)';\n } else {\n slide.style.opacity = '0.8';\n slide.style.transform = 'scale(0.98)';\n }\n });\n }\n\n function showSlide(index) {\n currentSlide = index;\n if (currentSlide \u003c 0) currentSlide = totalSlides - 1;\n if (currentSlide \u003e= totalSlides) currentSlide = 0;\n updateSlider();\n }\n\n dots.forEach((dot, index) =\u003e {\n dot.addEventListener('click', () =\u003e {\n showSlide(index);\n });\n });\n \n sliderContainer.addEventListener('mousedown', startDrag);\n sliderContainer.addEventListener('mousemove', drag);\n sliderContainer.addEventListener('mouseup', endDrag);\n sliderContainer.addEventListener('mouseleave', endDrag);\n\n sliderContainer.addEventListener('touchstart', startDrag, { passive: false });\n sliderContainer.addEventListener('touchmove', drag, { passive: false });\n sliderContainer.addEventListener('touchend', endDrag);\n\n function startDrag(e) {\n isDragging = true;\n startX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n initialTransform = -currentSlide * 100;\n slidesWrapper.style.transition = 'none';\n \n if (animationId) {\n cancelAnimationFrame(animationId);\n }\n }\n\n function drag(e) {\n if (!isDragging) return;\n \n e.preventDefault();\n currentX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n const deltaX = currentX - startX;\n const dragPercentage = (deltaX \/ sliderContainer.offsetWidth) * 100;\n const newTransform = initialTransform + dragPercentage;\n \n slidesWrapper.style.transform = `translateX(${newTransform}%)`;\n }\n\n function endDrag(e) {\n if (!isDragging) return;\n \n isDragging = false;\n slidesWrapper.style.transition = 'transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n \n const deltaX = currentX - startX;\n const threshold = sliderContainer.offsetWidth * 0.15; \n \n if (Math.abs(deltaX) \u003e threshold) {\n if (deltaX \u003e 0) {\n showSlide(currentSlide - 1);\n } else {\n showSlide(currentSlide + 1);\n }\n } else {\n updateSlider();\n }\n }\n\n sliderContainer.addEventListener('dragstart', (e) =\u003e {\n e.preventDefault();\n });\n\n setInterval(() =\u003e {\n if (!isDragging) {\n showSlide(currentSlide + 1);\n }\n }, 5000);\n });\n\n \/\/ ========== Tab Functionality ==========\n document.addEventListener('DOMContentLoaded', function() {\n const tabLinks = document.querySelectorAll('.tab-link');\n const tabContents = document.querySelectorAll('.tab-content');\n\n function showTab(index) {\n tabContents.forEach(content =\u003e content.classList.remove('current'));\n tabLinks.forEach(link =\u003e link.classList.remove('current'));\n \n tabContents[index].classList.add('current');\n tabLinks[index].classList.add('current');\n }\n\n tabLinks.forEach((link, index) =\u003e {\n link.addEventListener('click', () =\u003e {\n showTab(index);\n });\n });\n });\n\n \/\/ ========== Expand\/Collapse Functionality ==========\n document.addEventListener('DOMContentLoaded', function() {\n const toggleButtons = document.querySelectorAll('.caps--link');\n \n toggleButtons.forEach(button =\u003e {\n button.addEventListener('click', function() {\n const toggleContainer = this.closest('.toggle-ellipsis');\n const content = toggleContainer.querySelector('.toggle-ellipsis__content');\n const buttonText = this.querySelector('span');\n \n if (toggleContainer.classList.contains('expanded')) {\n toggleContainer.classList.remove('expanded');\n content.style.maxHeight = '175px';\n buttonText.textContent = 'Read More';\n } else {\n toggleContainer.classList.add('expanded');\n content.style.maxHeight = content.scrollHeight + 'px';\n buttonText.textContent = 'Show Less';\n }\n });\n });\n });\n\u003c\/script\u003e\u003c\/strong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003c!-- Products Introduction 四列展示区块 开始 --\u003e\n\u003cstyle\u003e\n .products-intro-section {\n width: 100%;\n margin: 0;\n background: #fff;\n }\n .products-intro-title {\n font-size: 2.8rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 700;\n margin-bottom: 36px;\n text-align: left;\n margin-left: 8vw;\n letter-spacing: 0.01em;\n }\n .products-intro-list {\n display: flex;\n justify-content: center;\n gap: 0 36px;\n max-width: 1200px;\n margin: 0 auto;\n }\n .products-intro-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 280px;\n }\n .products-intro-img {\n width: 100px;\n height: 100px;\n object-fit: contain;\n margin-bottom: 20px;\n margin-top: 12px;\n }\n .products-intro-name {\n font-size: 1.8rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 600;\n margin-bottom: 18px;\n text-align: center;\n letter-spacing: 0.01em;\n }\n .products-intro-desc {\n list-style: disc inside;\n text-align: center;\n font-size: 1.6rem;\n color: #222;\n margin: 0;\n padding: 0;\n width: 100%;\n display: inline-block;\n }\n .products-intro-desc li {\n margin-bottom: 12px;\n line-height: 1.5;\n word-break: break-word;\n padding-left: 0;\n text-indent: 0;\n display: list-item;\n }\n \n @media (max-width: 900px) and (min-width: 600px) {\n .products-intro-title {\n margin-left: 0;\n text-align: center;\n }\n .products-intro-list {\n flex-wrap: wrap;\n gap: 24px;\n justify-content: center;\n }\n .products-intro-item {\n width: calc(50% - 12px);\n max-width: 320px;\n }\n }\n \n @media (max-width: 599px) {\n .products-intro-title {\n margin-left: 0;\n text-align: center;\n font-size: 2.0rem;\n margin-bottom: 20px;\n }\n .products-intro-list {\n gap: 16px;\n justify-content: center;\n padding: 0 12px;\n }\n .products-intro-item {\n width: calc(50% - 8px);\n max-width: 180px;\n }\n .products-intro-img {\n width: 60px;\n height: 60px;\n margin-bottom: 10px;\n margin-top: 6px;\n }\n .products-intro-name {\n font-size: 1.4rem;\n margin-bottom: 8px;\n }\n .products-intro-desc {\n font-size: 1.6rem;\n }\n .products-intro-desc li {\n margin-bottom: 8px;\n line-height: 1.4;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 480px) {\n .products-intro-title {\n font-size: 1.8rem;\n margin-bottom: 16px;\n }\n .products-intro-list {\n gap: 12px;\n padding: 0 8px;\n }\n .products-intro-item {\n width: calc(50% - 6px);\n max-width: 150px;\n }\n .products-intro-img {\n width: 80px;\n height: 50px;\n margin-bottom: 8px;\n margin-top: 4px;\n }\n .products-intro-name {\n font-size: 2.5rem;\n margin-bottom: 6px;\n }\n .products-intro-desc {\n font-size: 1.4rem;\n }\n .products-intro-desc li {\n margin-bottom: 6px;\n line-height: 1.3;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 360px) {\n .products-intro-title {\n font-size: 1.6rem;\n margin-bottom: 12px;\n }\n .products-intro-list {\n gap: 8px;\n padding: 0 6px;\n }\n .products-intro-item {\n width: calc(50% - 4px);\n max-width: 130px;\n }\n .products-intro-img {\n width: 40px;\n height: 40px;\n margin-bottom: 6px;\n margin-top: 2px;\n }\n .products-intro-name {\n font-size: 1.1rem;\n margin-bottom: 4px;\n }\n .products-intro-desc {\n font-size: 1.2rem;\n }\n .products-intro-desc li {\n margin-bottom: 4px;\n line-height: 1.2;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"products-intro-section\"\u003e\n\n\u003cdiv class=\"products-intro-title\"\u003e產品介紹\u003c\/div\u003e\n\n\u003cdiv class=\"products-intro-list\"\u003e\n\n\u003cdiv class=\"products-intro-item\"\u003e\n\n\u003cimg alt=\"尺寸\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/2_0de5d2c0-0ef0-4aca-89a1-f4848a85140a.jpg?v=1753257593\" class=\"products-intro-img\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003e尺寸\u003c\/strong\u003e\u003c\/div\u003e\n\n\u003cul class=\"products-intro-desc\"\u003e\n\n\u003cli\u003e\u003cstrong\u003e珠子直徑 12 毫米\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"products-intro-item\"\u003e\n\n\u003cimg alt=\"脈輪\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/3_c7d6aa2e-bb7b-4874-abe7-d7cf5031d27b.jpg?v=1753257593\" class=\"products-intro-img\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003e關心\u003c\/strong\u003e\u003c\/div\u003e\n\n\u003cul class=\"products-intro-desc\"\u003e\n\n\u003cli\u003e\u003cstrong\u003e乾涼無化學成分\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Products Introduction 四列展示区块 结束 --\u003e\n\u003cp\u003e\u003c\/p\u003e\n\n\u003c!-- 分割线 --\u003e\u003chr style=\"\/* width: 80%; *\/height: 2px; background-color: #cccccc; border: none; \/* margin: 60px auto; *\/border-radius: 2px; margin-bottom: 10px; margin-top: 10px;\"\u003e\n\u003c!-- Key Energy 三列展示区块 开始 --\u003e\n\u003cstyle\u003e\n .key-energy-section {\n width: 100%;\n margin: 0;\n background: #fff;\n }\n .key-energy-title {\n font-size: 3.2rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 700;\n margin-bottom: 40px;\n text-align: left;\n margin-left: 8vw;\n letter-spacing: 0.01em;\n }\n .key-energy-list {\n display: flex;\n justify-content: center;\n gap: 0 80px;\n max-width: 800px;\n margin: 0 auto;\n }\n .key-energy-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 320px;\n }\n .key-energy-img {\n width: 140px;\n height: 140px;\n object-fit: contain;\n margin-bottom: 20px;\n margin-top: 16px;\n }\n .key-energy-name {\n font-size: 1.8rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 600;\n margin-bottom: 18px;\n text-align: center;\n letter-spacing: 0.01em;\n }\n .key-energy-desc {\n list-style: disc inside;\n text-align: center;\n font-size: 1.5rem;\n color: #222;\n margin: 0;\n padding: 0;\n width: 100%;\n display: inline-block;\n }\n .key-energy-desc li {\n margin-bottom: 10px;\n line-height: 1.6;\n word-break: break-word;\n padding-left: 0;\n text-indent: 0;\n display: list-item;\n }\n \n @media (max-width: 900px) and (min-width: 600px) {\n .key-energy-title {\n margin-left: 0;\n text-align: center;\n font-size: 2.4rem;\n font-weight: 700;\n }\n .key-energy-list {\n flex-wrap: wrap;\n gap: 24px;\n justify-content: center;\n }\n .key-energy-item {\n width: calc(50% - 12px);\n max-width: 350px;\n }\n }\n \n @media (max-width: 599px) {\n .key-energy-title {\n margin-left: 0;\n text-align: center;\n font-size: 2.0rem;\n font-weight: 700;\n margin-bottom: 16px;\n }\n .key-energy-list {\n gap: 14px;\n justify-content: center;\n padding: 0 8px;\n }\n .key-energy-item {\n width: calc(50% - 7px);\n max-width: 180px;\n }\n .key-energy-img {\n width: 90px;\n height: 90px;\n margin-bottom: 12px;\n margin-top: 8px;\n }\n .key-energy-name {\n font-size: 1.5rem;\n font-weight: 600;\n margin-bottom: 10px;\n }\n .key-energy-desc {\n font-size: 1.6rem;\n font-weight: 500;\n list-style: none;\n }\n .key-energy-desc li {\n margin-bottom: 8px;\n line-height: 1.4;\n padding-left: 0;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 480px) {\n .key-energy-title {\n font-size: 1.8rem;\n font-weight: 700;\n margin-bottom: 12px;\n }\n .key-energy-list {\n gap: 12px;\n padding: 0 6px;\n justify-content: center;\n }\n .key-energy-item {\n width: calc(50% - 6px);\n max-width: 160px;\n }\n .key-energy-img {\n width: 80px;\n height: 80px;\n margin-bottom: 10px;\n margin-top: 6px;\n }\n .key-energy-name {\n font-size: 2.5rem;\n font-weight: 600;\n margin-bottom: 8px;\n }\n .key-energy-desc {\n font-size: 1.4rem;\n font-weight: 500;\n list-style: none;\n }\n .key-energy-desc li {\n margin-bottom: 6px;\n line-height: 1.3;\n padding-left: 0;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 360px) {\n .key-energy-title {\n font-size: 1.6rem;\n font-weight: 700;\n margin-bottom: 10px;\n }\n .key-energy-list {\n gap: 8px;\n padding: 0 6px;\n justify-content: center;\n }\n .key-energy-item {\n width: calc(50% - 4px);\n max-width: 120px;\n }\n .key-energy-img {\n width: 70px;\n height: 70px;\n margin-bottom: 8px;\n margin-top: 4px;\n }\n .key-energy-name {\n font-size: 1.2rem;\n font-weight: 600;\n margin-bottom: 6px;\n }\n .key-energy-desc {\n font-size: 1.2rem;\n font-weight: 500;\n list-style: none;\n }\n .key-energy-desc li {\n margin-bottom: 4px;\n line-height: 1.2;\n padding-left: 0;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"key-energy-section\"\u003e\n\n\u003cdiv class=\"key-energy-title\"\u003e關鍵能源\u003c\/div\u003e\n\n\u003cdiv class=\"key-energy-list\"\u003e\n\n\u003cdiv class=\"key-energy-item\"\u003e\n\n\u003cimg class=\"key-energy-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/bc99cb607d939b1b69d60e7bebb3295f.png?v=1754214114\" alt=\"茶晶\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003e藍晶\u003c\/strong\u003e\u003c\/div\u003e\n\n\u003cul class=\"key-energy-desc\"\u003e\n\n\u003cli\u003e\u003cstrong\u003e水分\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e守護與放鬆\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Key Energy 三列展示区块 结束 --\u003e","brand":"FateGemz","offers":[{"title":"S","offer_id":52536691818810,"sku":"Gourd-Aquamarine-S","price":49.0,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":52536691851578,"sku":"Gourd-Aquamarine-M","price":49.0,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":52536691884346,"sku":"Gourd-Aquamarine-L","price":49.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/moisturizing-fortune-aquamarine-hexiangzhu-bracelet-1260760.png?v=1766961010"},{"product_id":"kunzite-lacquer-gourd-scented-bracelet-soft-fortune","title":"Soft Fortune 紫鋰輝石 \u0026 何香珠手鍊","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\n \/* ========== Icon Info List Styles ========== *\/\n .icon-info-list {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 12px 20px;\n margin: 32px 0 8px 0; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n }\n .icon-info-item {\n display: flex;\n align-items: center;\n font-size: 18px; \n color: #222;\n font-weight: 400;\n }\n .icon-info-item .icon {\n display: flex;\n align-items: center;\n margin-right: 8px; \n }\n .icon-info-item .icon svg {\n width: 24px; \n height: 24px; \n display: block;\n stroke-width: 1.5;\n }\n \n .icon-info-item:nth-child(2),\n .icon-info-item:nth-child(4) {\n text-align: left;\n padding-left: 0;\n }\n\n \/* Icon Info List Responsive *\/\n @media (max-width: 768px) {\n .icon-info-list {\n grid-template-columns: repeat(2, 1fr);\n gap: 8px 12px;\n margin: 24px 0 6px 0; \/* 响应式同步减半：12px→6px *\/\n }\n .icon-info-item {\n font-size: 16px;\n white-space: nowrap;\n }\n .icon-info-item .icon svg {\n width: 22px;\n height: 22px;\n }\n .icon-info-item:nth-child(2),\n .icon-info-item:nth-child(4) {\n text-align: left;\n padding-left: 0;\n }\n }\n\n @media (max-width: 599px) {\n .icon-info-list {\n gap: 6px 8px;\n margin: 20px 0 5px 0; \/* 响应式同步减半：10px→5px *\/\n }\n .icon-info-item {\n font-size: 14px;\n white-space: nowrap;\n }\n .icon-info-item .icon {\n margin-right: 4px;\n }\n .icon-info-item .icon svg {\n width: 20px;\n height: 20px;\n }\n }\n\n @media (max-width: 480px) {\n .icon-info-list {\n gap: 6px 8px;\n margin: 16px 0 4px 0; \/* 响应式同步减半：8px→4px *\/\n }\n .icon-info-item {\n font-size: 13px;\n white-space: nowrap;\n }\n .icon-info-item .icon {\n margin-right: 3px;\n }\n .icon-info-item .icon svg {\n width: 18px;\n height: 18px;\n }\n }\n \/* ========== End Icon Info List Styles ========== *\/\n\n \/* ========== Slider Styles ========== *\/\n .simple-slider {\n width: 100%;\n max-width: 600px;\n margin: 0 auto 8px; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n position: relative;\n }\n .slider-container {\n position: relative;\n height: 280px;\n overflow: hidden;\n cursor: grab;\n }\n .slider-container:active {\n cursor: grabbing;\n }\n .slides-wrapper {\n display: flex;\n transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n height: 100%;\n }\n .slide {\n min-width: 100%;\n height: 100%;\n background-color: #eaeaea;\n border-radius: 8px;\n padding: 0 16px; \n box-sizing: border-box;\n user-select: none;\n transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .slide .content {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 20px;\n }\n .slide .icon-text {\n display: flex;\n align-items: center;\n gap: 16px;\n }\n .slide .icon-text .icon {\n width: 65px; \n height: 65px; \n flex-shrink: 0;\n }\n .slide .icon-text .icon img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n .slide .text {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n font-size: 18px; \n font-weight: 500;\n color: #333;\n }\n .slide .text p {\n margin: 0;\n }\n .slide .benefits {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #333;\n }\n .slide .benefits p {\n margin: 0 0 12px 0;\n font-size: 18px; \n }\n .slide .benefits p strong {\n font-weight: 600;\n font-size: 20px; \n }\n .slide .benefits ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n .slide .benefits li {\n position: relative;\n padding-left: 24px; \n margin-bottom: 8px;\n font-size: 18px; \n }\n .slide .benefits li:before {\n content: \"•\";\n position: absolute;\n left: 0;\n top: 0;\n color: #333;\n font-size: 20px; \n }\n .slide .benefits li:last-child {\n margin-bottom: 0;\n }\n \n .dots {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 16px;\n }\n .slide {\n position: relative;\n }\n .slide-dots {\n position: absolute;\n bottom: 12px;\n right: 12px;\n display: flex;\n gap: 8px;\n z-index: 10;\n }\n .slide-dots .dot {\n width: 24px;\n height: 4px;\n border: none;\n background-color: #ccc;\n border-radius: 2px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n font-size: 0;\n }\n .slide-dots .dot.active {\n background-color: #333;\n transform: scale(1.2);\n box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n }\n .slide-dots .dot:hover {\n background-color: #999;\n transform: scale(1.1);\n }\n .slide-dots .dot {\n transform: scale(1);\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .fixed-dots-container {\n position: absolute;\n bottom: 12px;\n right: 12px;\n display: flex;\n gap: 8px;\n z-index: 10;\n }\n .slide .slide-dots {\n display: none !important;\n }\n .dot {\n width: 24px;\n height: 4px;\n border: none;\n background-color: #ccc;\n border-radius: 2px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n font-size: 0;\n }\n .dot.active {\n background-color: #333;\n }\n .dot:hover {\n background-color: #999;\n }\n \/* ========== End Slider Styles ========== *\/\n \n \/* ========== Product Tabs Styles ========== *\/\n .product__block--tabs {\n margin: 4px 0 20px; \/* 关键修改：顶部margin从8px→4px，缩短一倍 *\/\n }\n .tabs-wrapper {\n width: 100%;\n }\n .tabs__head {\n position: relative;\n border-bottom: 1px solid #e5e5e5;\n margin-bottom: 20px;\n }\n .product-tabs-title {\n display: flex;\n list-style: none;\n margin: 0;\n padding: 0;\n gap: 30px;\n }\n .tab-link {\n position: relative;\n padding: 12px 0;\n cursor: pointer;\n font-size: 16px;\n font-weight: 500;\n color: #999;\n transition: color 0.3s ease;\n border: none;\n background: none;\n outline: none;\n }\n .tab-link:hover {\n color: #333;\n }\n .tab-link.current {\n color: #000;\n }\n .tab-link.current::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 100%;\n height: 2px;\n background-color: #000;\n }\n .tab-content {\n display: none;\n color: #666;\n line-height: 1.6;\n font-size: 18px;\n }\n .tab-content.current {\n display: block;\n }\n .tab-content p {\n margin: 0 0 16px 0;\n }\n .tab-content ul {\n margin: 0 0 16px 0;\n padding-left: 20px;\n }\n .tab-content li {\n margin-bottom: 8px;\n }\n .tab-content strong {\n color: #333;\n font-weight: 600;\n }\n .tab-content img {\n max-width: 100%;\n height: auto;\n display: block;\n margin: 16px 0;\n }\n .tabs__arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: white;\n border: 1px solid #e5e5e5;\n border-radius: 50%;\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n .tabs__arrow:hover {\n background: #f5f5f5;\n }\n .tabs__arrow--prev {\n left: -16px;\n }\n .tabs__arrow--next {\n right: -16px;\n }\n .tabs__arrow.is-hidden {\n display: none;\n }\n .tabs__arrow svg {\n width: 16px;\n height: 16px;\n }\n\n \/* Product Tabs Responsive *\/\n @media (max-width: 768px) {\n .product-tabs-title {\n gap: 20px;\n }\n .tab-link {\n font-size: 14px;\n padding: 10px 0;\n }\n .tab-content {\n font-size: 16px;\n }\n .tabs__arrow {\n width: 28px;\n height: 28px;\n }\n .tabs__arrow svg {\n width: 14px;\n height: 14px;\n }\n .product__block--tabs {\n margin: 3px 0 16px; \/* 响应式同步减半：6px→3px *\/\n }\n }\n \/* ========== End Product Tabs Styles ========== *\/\n\n \/* ========== Toggle Ellipsis Styles ========== *\/\n .toggle-ellipsis {\n position: relative;\n overflow: hidden;\n }\n .toggle-ellipsis__content {\n position: relative;\n overflow: hidden;\n transition: max-height 0.3s ease;\n max-height: 175px;\n }\n .toggle-ellipsis__content::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 40px;\n background: linear-gradient(transparent, white);\n pointer-events: none;\n transition: opacity 0.3s ease;\n }\n .toggle-ellipsis__actions {\n text-align: center;\n margin-top: 10px;\n }\n .caps--link {\n background: none;\n border: none;\n color: #999;\n font-size: 14px;\n cursor: pointer;\n text-decoration: underline;\n padding: 0;\n transition: color 0.3s ease;\n }\n .caps--link:hover {\n color: #333;\n }\n .toggle-ellipsis.expanded .toggle-ellipsis__content {\n max-height: none;\n }\n .toggle-ellipsis.expanded .toggle-ellipsis__content::after {\n opacity: 0;\n }\n .toggle-ellipsis.expanded .caps--link span {\n display: none;\n }\n .toggle-ellipsis.expanded .caps--link::after {\n content: 'Show Less';\n }\n \/* ========== End Toggle Ellipsis Styles ========== *\/\n\n \/* ========== Utility Styles ========== *\/\n .native-scrollbar {\n scrollbar-width: none;\n -ms-overflow-style: none;\n }\n .native-scrollbar::-webkit-scrollbar {\n display: none;\n }\n .rte {\n margin-bottom: 20px;\n }\n \/* ========== End Utility Styles ========== *\/\n \u003c\/style\u003e\n\u003c!-- ========== Icon Info List Section ========== --\u003e\n\u003cdiv class=\"icon-info-list\"\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm7-10-3-3m3 3-3 3m3-3H5m0 0 3-3m-3 3 3 3\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e \u003cspan class=\"text\"\u003e30 天免費退貨\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"m7 9 5 3.5L17 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 17V7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z\" stroke=\"#000\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"text\"\u003e終身免費保養\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M15 11.063C12.53 13.65 10.059 20 10.059 20S6.529 11.062 3 9\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"m20.496 5.577.426 4.424c.276 2.87-1.875 5.425-4.745 5.702-2.816.27-5.367-1.788-5.638-4.604a5.122 5.122 0 0 1 4.608-5.59l4.716-.454a.58.58 0 0 1 .633.522z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e \u003cspan class=\"text\"\u003e100% 天然\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg aria-hidden=\"true\" role=\"presentation\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"m8.587 8.236 2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232 5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 0 1 .503-1.54l5.808-.845z\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"text\"\u003e五千年的中國文化\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- ========== End Icon Info List Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003c\/p\u003e\n\n\u003c!-- ========== Slider Section ========== --\u003e\n\u003cdiv class=\"simple-slider\"\u003e\n\n\u003cdiv class=\"slider-container\" id=\"sliderContainer\"\u003e\n\n\u003cdiv class=\"fixed-dots-container\"\u003e\n\n \u003cbutton class=\"dot active\" data-slide=\"0\"\u003e1\u003c\/button\u003e \u003cbutton class=\"dot\" data-slide=\"1\"\u003e2\u003c\/button\u003e \n\n\u003c\/div\u003e\n\n\u003cdiv class=\"slides-wrapper\" id=\"slidesWrapper\"\u003e\n\n\u003cdiv class=\"slide\"\u003e\n\n\u003cdiv class=\"content\"\u003e\n\n\u003cdiv class=\"icon-text\"\u003e\n\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/8f750c63b861e2688b6144aa16a7efbd.png?v=1767076394\" width=\"55\" height=\"55\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"text\"\u003e\n\n\u003cp\u003e ICH：【漆葫蘆】\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"benefits\"\u003e\n\n\u003cp\u003e\u003cstrong\u003e關鍵要素\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e舒緩的心情\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"slide\"\u003e\n\n\u003cdiv class=\"content\"\u003e\n\n\u003cdiv class=\"icon-text\"\u003e\n\n\u003cdiv class=\"icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/f8b2923bcab006e21bb0290a3b462bec.png?v=1766912760\" width=\"65\" height=\"65\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"text\"\u003e\n\n\u003cp\u003e何香珠\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"benefits\"\u003e\n\n \u003cp\u003e\u003cstrong\u003e主要優勢\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e修行與冥想\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- ========== End Slider Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003c\/p\u003e\n\n\u003c!-- ========== Tabs Section ========== --\u003e\n\u003cdiv style=\"--block-padding-bottom: 0px;\" class=\"product__block product__block--tabs tabs-wrapper block-padding\"\u003e\n\n\u003cul data-scrollbar-slider=\"\" data-scrollbar=\"\" class=\"tabs product-tabs-title\"\u003e\n\n\u003cli data-attributes-placeholder=\"\" data-tab=\"0\" class=\"tab-link tab-link-0 current\" tabindex=\"0\"\u003e\u003cspan\u003e描述\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli data-tab=\"1\" class=\"tab-link tab-link-1\" tabindex=\"0\"\u003e\u003cspan\u003e尖端\u003c\/span\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\u003cbutton data-scrollbar-arrow-prev=\"\" class=\"tabs__arrow tabs__arrow--prev product-tabs__arrow product-tabs__arrow--prev is-hidden\" type=\"button\"\u003e\u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-left\" role=\"presentation\" aria-hidden=\"true\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m15 6-6 6 6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003cspan class=\"visually-hidden\"\u003e看全部\u003c\/span\u003e\u003c\/button\u003e\u003cbutton data-scrollbar-arrow-next=\"\" class=\"tabs__arrow tabs__arrow--next product-tabs__arrow product-tabs__arrow--next is-hidden\" type=\"button\"\u003e\u003csvg viewbox=\"0 0 24 24\" class=\"icon icon-nav-arrow-right\" role=\"presentation\" aria-hidden=\"true\"\u003e\n \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1\" stroke=\"#000\" d=\"m9 6 6 6-6 6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003cspan class=\"visually-hidden\"\u003e看全部\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"tab-content tab-content-0 current rte\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\n\u003cp class=\"p\"\u003e\u003cstrong\u003e核心目標受眾：情緒疲憊者、都市白領、冥想愛好者。\u003c\/strong\u003e\u003c\/p\u003e\n\n \u003cp\u003e\u003cstrong\u003e這款傳統中式手鍊，是情感細膩之人的「貼心守護者」。天然暖香的和香竹，能溫和舒緩內心的緊張與情緒波動，幫助您穩定心緒。它還能改善因情緒焦慮引起的注意力不集中，讓您的生活更加平和寧靜。散發著柔和紫羅蘭光澤的鋰輝石，更能提振精神，緩解疲勞。鑲嵌的非物質文化遺產－手工漆葫蘆，不僅蘊含著「福氣常伴」的傳統美好寓意，更承載著工匠手工打磨的獨特溫潤。它既是一件極具價值的傳統中式飾品，也是一件可以伴您左右的心靈療癒神器，適合辦公、通勤等各種日常場合。\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e\u003cspan\u003e閱讀更多\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"tab-content tab-content-1 rte\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\n\u003cul\u003e\n\n \u003cli\u003e\u003cstrong\u003e手動測量可能存在輕微誤差—感謝您的理解！\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e這些純手工製作的天然產品可能會有一些細微瑕疵。光線也可能導致實物與照片略有色差。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e正常配戴情況下，香味可持續1-2個月。若香味變淡，將香珠密封2-3天即可恢復香味，無需再添加香水。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e所有水晶均由天然原礦打磨而成，不經過染色或樹脂注入，確保品質。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e這些香珠採用天然草本材料製成，不含化學黏合劑，適合敏感肌膚使用。如有任何不適，請停止使用並聯絡客服。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e對於非品質問題導致的免運費商品退貨，買家需承擔退貨運費。\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton class=\"caps--link\" type=\"button\"\u003e\u003cspan\u003e閱讀更多\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n \u003cp\u003e\u003cstrong\u003e\u003cstrong\u003e\u003c!-- ========== End Tabs Section ========== --\u003e\u003cscript\u003e\n \/\/ ========== Slider Functionality ==========\n document.addEventListener('DOMContentLoaded', function() {\n const sliderContainer = document.getElementById('sliderContainer');\n const slidesWrapper = document.getElementById('slidesWrapper');\n const slides = document.querySelectorAll('.slide');\n const dots = document.querySelectorAll('.dot');\n let currentSlide = 0;\n const totalSlides = slides.length;\n \n let isDragging = false;\n let startX = 0;\n let currentX = 0;\n let initialTransform = 0;\n let animationId = 0;\n\n function updateSlider() {\n const translateX = -currentSlide * 100;\n slidesWrapper.style.transform = `translateX(${translateX}%)`;\n \n dots.forEach((dot, index) =\u003e {\n const wasActive = dot.classList.contains('active');\n const isActive = index === currentSlide;\n \n if (wasActive !== isActive) {\n setTimeout(() =\u003e {\n dot.classList.toggle('active', isActive);\n }, index * 50); \n } else {\n dot.classList.toggle('active', isActive);\n }\n });\n \n slides.forEach((slide, index) =\u003e {\n if (index === currentSlide) {\n slide.style.opacity = '1';\n slide.style.transform = 'scale(1)';\n } else {\n slide.style.opacity = '0.8';\n slide.style.transform = 'scale(0.98)';\n }\n });\n }\n\n function showSlide(index) {\n currentSlide = index;\n if (currentSlide \u003c 0) currentSlide = totalSlides - 1;\n if (currentSlide \u003e= totalSlides) currentSlide = 0;\n updateSlider();\n }\n\n dots.forEach((dot, index) =\u003e {\n dot.addEventListener('click', () =\u003e {\n showSlide(index);\n });\n });\n \n sliderContainer.addEventListener('mousedown', startDrag);\n sliderContainer.addEventListener('mousemove', drag);\n sliderContainer.addEventListener('mouseup', endDrag);\n sliderContainer.addEventListener('mouseleave', endDrag);\n\n sliderContainer.addEventListener('touchstart', startDrag, { passive: false });\n sliderContainer.addEventListener('touchmove', drag, { passive: false });\n sliderContainer.addEventListener('touchend', endDrag);\n\n function startDrag(e) {\n isDragging = true;\n startX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n initialTransform = -currentSlide * 100;\n slidesWrapper.style.transition = 'none';\n \n if (animationId) {\n cancelAnimationFrame(animationId);\n }\n }\n\n function drag(e) {\n if (!isDragging) return;\n \n e.preventDefault();\n currentX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n const deltaX = currentX - startX;\n const dragPercentage = (deltaX \/ sliderContainer.offsetWidth) * 100;\n const newTransform = initialTransform + dragPercentage;\n \n slidesWrapper.style.transform = `translateX(${newTransform}%)`;\n }\n\n function endDrag(e) {\n if (!isDragging) return;\n \n isDragging = false;\n slidesWrapper.style.transition = 'transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n \n const deltaX = currentX - startX;\n const threshold = sliderContainer.offsetWidth * 0.15; \n \n if (Math.abs(deltaX) \u003e threshold) {\n if (deltaX \u003e 0) {\n showSlide(currentSlide - 1);\n } else {\n showSlide(currentSlide + 1);\n }\n } else {\n updateSlider();\n }\n }\n\n sliderContainer.addEventListener('dragstart', (e) =\u003e {\n e.preventDefault();\n });\n\n setInterval(() =\u003e {\n if (!isDragging) {\n showSlide(currentSlide + 1);\n }\n }, 5000);\n });\n\n \/\/ ========== Tab Functionality ==========\n document.addEventListener('DOMContentLoaded', function() {\n const tabLinks = document.querySelectorAll('.tab-link');\n const tabContents = document.querySelectorAll('.tab-content');\n\n function showTab(index) {\n tabContents.forEach(content =\u003e content.classList.remove('current'));\n tabLinks.forEach(link =\u003e link.classList.remove('current'));\n \n tabContents[index].classList.add('current');\n tabLinks[index].classList.add('current');\n }\n\n tabLinks.forEach((link, index) =\u003e {\n link.addEventListener('click', () =\u003e {\n showTab(index);\n });\n });\n });\n\n \/\/ ========== Expand\/Collapse Functionality ==========\n document.addEventListener('DOMContentLoaded', function() {\n const toggleButtons = document.querySelectorAll('.caps--link');\n \n toggleButtons.forEach(button =\u003e {\n button.addEventListener('click', function() {\n const toggleContainer = this.closest('.toggle-ellipsis');\n const content = toggleContainer.querySelector('.toggle-ellipsis__content');\n const buttonText = this.querySelector('span');\n \n if (toggleContainer.classList.contains('expanded')) {\n toggleContainer.classList.remove('expanded');\n content.style.maxHeight = '175px';\n buttonText.textContent = 'Read More';\n } else {\n toggleContainer.classList.add('expanded');\n content.style.maxHeight = content.scrollHeight + 'px';\n buttonText.textContent = 'Show Less';\n }\n });\n });\n });\n\u003c\/script\u003e\u003c\/strong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003c!-- Products Introduction 四列展示区块 开始 --\u003e\n\u003cstyle\u003e\n .products-intro-section {\n width: 100%;\n margin: 0;\n background: #fff;\n }\n .products-intro-title {\n font-size: 2.8rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 700;\n margin-bottom: 36px;\n text-align: left;\n margin-left: 8vw;\n letter-spacing: 0.01em;\n }\n .products-intro-list {\n display: flex;\n justify-content: center;\n gap: 0 36px;\n max-width: 1200px;\n margin: 0 auto;\n }\n .products-intro-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 280px;\n }\n .products-intro-img {\n width: 100px;\n height: 100px;\n object-fit: contain;\n margin-bottom: 20px;\n margin-top: 12px;\n }\n .products-intro-name {\n font-size: 1.8rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 600;\n margin-bottom: 18px;\n text-align: center;\n letter-spacing: 0.01em;\n }\n .products-intro-desc {\n list-style: disc inside;\n text-align: center;\n font-size: 1.6rem;\n color: #222;\n margin: 0;\n padding: 0;\n width: 100%;\n display: inline-block;\n }\n .products-intro-desc li {\n margin-bottom: 12px;\n line-height: 1.5;\n word-break: break-word;\n padding-left: 0;\n text-indent: 0;\n display: list-item;\n }\n \n @media (max-width: 900px) and (min-width: 600px) {\n .products-intro-title {\n margin-left: 0;\n text-align: center;\n }\n .products-intro-list {\n flex-wrap: wrap;\n gap: 24px;\n justify-content: center;\n }\n .products-intro-item {\n width: calc(50% - 12px);\n max-width: 320px;\n }\n }\n \n @media (max-width: 599px) {\n .products-intro-title {\n margin-left: 0;\n text-align: center;\n font-size: 2.0rem;\n margin-bottom: 20px;\n }\n .products-intro-list {\n gap: 16px;\n justify-content: center;\n padding: 0 12px;\n }\n .products-intro-item {\n width: calc(50% - 8px);\n max-width: 180px;\n }\n .products-intro-img {\n width: 60px;\n height: 60px;\n margin-bottom: 10px;\n margin-top: 6px;\n }\n .products-intro-name {\n font-size: 1.4rem;\n margin-bottom: 8px;\n }\n .products-intro-desc {\n font-size: 1.6rem;\n }\n .products-intro-desc li {\n margin-bottom: 8px;\n line-height: 1.4;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 480px) {\n .products-intro-title {\n font-size: 1.8rem;\n margin-bottom: 16px;\n }\n .products-intro-list {\n gap: 12px;\n padding: 0 8px;\n }\n .products-intro-item {\n width: calc(50% - 6px);\n max-width: 150px;\n }\n .products-intro-img {\n width: 80px;\n height: 50px;\n margin-bottom: 8px;\n margin-top: 4px;\n }\n .products-intro-name {\n font-size: 2.5rem;\n margin-bottom: 6px;\n }\n .products-intro-desc {\n font-size: 1.4rem;\n }\n .products-intro-desc li {\n margin-bottom: 6px;\n line-height: 1.3;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 360px) {\n .products-intro-title {\n font-size: 1.6rem;\n margin-bottom: 12px;\n }\n .products-intro-list {\n gap: 8px;\n padding: 0 6px;\n }\n .products-intro-item {\n width: calc(50% - 4px);\n max-width: 130px;\n }\n .products-intro-img {\n width: 40px;\n height: 40px;\n margin-bottom: 6px;\n margin-top: 2px;\n }\n .products-intro-name {\n font-size: 1.1rem;\n margin-bottom: 4px;\n }\n .products-intro-desc {\n font-size: 1.2rem;\n }\n .products-intro-desc li {\n margin-bottom: 4px;\n line-height: 1.2;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"products-intro-section\"\u003e\n\n\u003cdiv class=\"products-intro-title\"\u003e產品介紹\u003c\/div\u003e\n\n\u003cdiv class=\"products-intro-list\"\u003e\n\n\u003cdiv class=\"products-intro-item\"\u003e\n\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/2_0de5d2c0-0ef0-4aca-89a1-f4848a85140a.jpg?v=1753257593\" alt=\"尺寸\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003e尺寸\u003c\/strong\u003e\u003c\/div\u003e\n\n\u003cul class=\"products-intro-desc\"\u003e\n\n\u003cli\u003e\u003cstrong\u003e珠子直徑 12 毫米\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"products-intro-item\"\u003e\n\n\u003cimg class=\"products-intro-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/3_c7d6aa2e-bb7b-4874-abe7-d7cf5031d27b.jpg?v=1753257593\" alt=\"脈輪\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003e關心\u003c\/strong\u003e\u003c\/div\u003e\n\n\u003cul class=\"products-intro-desc\"\u003e\n\n\u003cli\u003e\u003cstrong\u003e乾涼無化學成分\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Products Introduction 四列展示区块 结束 --\u003e\n\u003cp\u003e\u003c\/p\u003e\n\n\u003c!-- 分割线 --\u003e\u003chr style=\"\/* width: 80%; *\/height: 2px; background-color: #cccccc; border: none; \/* margin: 60px auto; *\/border-radius: 2px; margin-bottom: 10px; margin-top: 10px;\"\u003e\n\u003c!-- Key Energy 三列展示区块 开始 --\u003e\n\u003cstyle\u003e\n .key-energy-section {\n width: 100%;\n margin: 0;\n background: #fff;\n }\n .key-energy-title {\n font-size: 3.2rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 700;\n margin-bottom: 40px;\n text-align: left;\n margin-left: 8vw;\n letter-spacing: 0.01em;\n }\n .key-energy-list {\n display: flex;\n justify-content: center;\n gap: 0 80px;\n max-width: 800px;\n margin: 0 auto;\n }\n .key-energy-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 320px;\n }\n .key-energy-img {\n width: 140px;\n height: 140px;\n object-fit: contain;\n margin-bottom: 20px;\n margin-top: 16px;\n }\n .key-energy-name {\n font-size: 1.8rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 600;\n margin-bottom: 18px;\n text-align: center;\n letter-spacing: 0.01em;\n }\n .key-energy-desc {\n list-style: disc inside;\n text-align: center;\n font-size: 1.5rem;\n color: #222;\n margin: 0;\n padding: 0;\n width: 100%;\n display: inline-block;\n }\n .key-energy-desc li {\n margin-bottom: 10px;\n line-height: 1.6;\n word-break: break-word;\n padding-left: 0;\n text-indent: 0;\n display: list-item;\n }\n \n @media (max-width: 900px) and (min-width: 600px) {\n .key-energy-title {\n margin-left: 0;\n text-align: center;\n font-size: 2.4rem;\n font-weight: 700;\n }\n .key-energy-list {\n flex-wrap: wrap;\n gap: 24px;\n justify-content: center;\n }\n .key-energy-item {\n width: calc(50% - 12px);\n max-width: 350px;\n }\n }\n \n @media (max-width: 599px) {\n .key-energy-title {\n margin-left: 0;\n text-align: center;\n font-size: 2.0rem;\n font-weight: 700;\n margin-bottom: 16px;\n }\n .key-energy-list {\n gap: 14px;\n justify-content: center;\n padding: 0 8px;\n }\n .key-energy-item {\n width: calc(50% - 7px);\n max-width: 180px;\n }\n .key-energy-img {\n width: 90px;\n height: 90px;\n margin-bottom: 12px;\n margin-top: 8px;\n }\n .key-energy-name {\n font-size: 1.5rem;\n font-weight: 600;\n margin-bottom: 10px;\n }\n .key-energy-desc {\n font-size: 1.6rem;\n font-weight: 500;\n list-style: none;\n }\n .key-energy-desc li {\n margin-bottom: 8px;\n line-height: 1.4;\n padding-left: 0;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 480px) {\n .key-energy-title {\n font-size: 1.8rem;\n font-weight: 700;\n margin-bottom: 12px;\n }\n .key-energy-list {\n gap: 12px;\n padding: 0 6px;\n justify-content: center;\n }\n .key-energy-item {\n width: calc(50% - 6px);\n max-width: 160px;\n }\n .key-energy-img {\n width: 80px;\n height: 80px;\n margin-bottom: 10px;\n margin-top: 6px;\n }\n .key-energy-name {\n font-size: 2.5rem;\n font-weight: 600;\n margin-bottom: 8px;\n }\n .key-energy-desc {\n font-size: 1.4rem;\n font-weight: 500;\n list-style: none;\n }\n .key-energy-desc li {\n margin-bottom: 6px;\n line-height: 1.3;\n padding-left: 0;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 360px) {\n .key-energy-title {\n font-size: 1.6rem;\n font-weight: 700;\n margin-bottom: 10px;\n }\n .key-energy-list {\n gap: 8px;\n padding: 0 6px;\n justify-content: center;\n }\n .key-energy-item {\n width: calc(50% - 4px);\n max-width: 120px;\n }\n .key-energy-img {\n width: 70px;\n height: 70px;\n margin-bottom: 8px;\n margin-top: 4px;\n }\n .key-energy-name {\n font-size: 1.2rem;\n font-weight: 600;\n margin-bottom: 6px;\n }\n .key-energy-desc {\n font-size: 1.2rem;\n font-weight: 500;\n list-style: none;\n }\n .key-energy-desc li {\n margin-bottom: 4px;\n line-height: 1.2;\n padding-left: 0;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"key-energy-section\"\u003e\n\n\u003cdiv class=\"key-energy-title\"\u003e關鍵能源\u003c\/div\u003e\n\n\u003cdiv class=\"key-energy-list\"\u003e\n\n\u003cdiv class=\"key-energy-item\"\u003e\n\n\u003cimg alt=\"茶晶\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/a56b6604aa7bcae30c6a28e1f5a74d32.png?v=1754760964\" class=\"key-energy-img\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003e紫鋰輝石\u003c\/strong\u003e\u003c\/div\u003e\n\n\u003cul class=\"key-energy-desc\"\u003e\n\n\u003cli\u003e\u003cstrong\u003e活力\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e溫和與放鬆\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Key Energy 三列展示区块 结束 --\u003e","brand":"FateGemz","offers":[{"title":"S","offer_id":52536703811898,"sku":"Gourd-Kunzite-S","price":49.0,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":52536703844666,"sku":"Gourd-Kunzite-M","price":49.0,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":52536703877434,"sku":"Gourd-Kunzite-L","price":49.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/soft-fortune-kunzite-hexiangzhu-bracelet-5775843.png?v=1766961007"},{"product_id":"orange-moonstone-lacquer-gourd-scented-bracelet-warm-luck","title":"暖運橙月光石與賀香竹手鍊","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\n \/* ========== Icon Info List Styles ========== *\/\n .icon-info-list {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 12px 20px;\n margin: 32px 0 8px 0; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n }\n .icon-info-item {\n display: flex;\n align-items: center;\n font-size: 18px; \n color: #222;\n font-weight: 400;\n }\n .icon-info-item .icon {\n display: flex;\n align-items: center;\n margin-right: 8px; \n }\n .icon-info-item .icon svg {\n width: 24px; \n height: 24px; \n display: block;\n stroke-width: 1.5;\n }\n \n .icon-info-item:nth-child(2),\n .icon-info-item:nth-child(4) {\n text-align: left;\n padding-left: 0;\n }\n\n \/* Icon Info List Responsive *\/\n @media (max-width: 768px) {\n .icon-info-list {\n grid-template-columns: repeat(2, 1fr);\n gap: 8px 12px;\n margin: 24px 0 6px 0; \/* 响应式同步减半：12px→6px *\/\n }\n .icon-info-item {\n font-size: 16px;\n white-space: nowrap;\n }\n .icon-info-item .icon svg {\n width: 22px;\n height: 22px;\n }\n .icon-info-item:nth-child(2),\n .icon-info-item:nth-child(4) {\n text-align: left;\n padding-left: 0;\n }\n }\n\n @media (max-width: 599px) {\n .icon-info-list {\n gap: 6px 8px;\n margin: 20px 0 5px 0; \/* 响应式同步减半：10px→5px *\/\n }\n .icon-info-item {\n font-size: 14px;\n white-space: nowrap;\n }\n .icon-info-item .icon {\n margin-right: 4px;\n }\n .icon-info-item .icon svg {\n width: 20px;\n height: 20px;\n }\n }\n\n @media (max-width: 480px) {\n .icon-info-list {\n gap: 6px 8px;\n margin: 16px 0 4px 0; \/* 响应式同步减半：8px→4px *\/\n }\n .icon-info-item {\n font-size: 13px;\n white-space: nowrap;\n }\n .icon-info-item .icon {\n margin-right: 3px;\n }\n .icon-info-item .icon svg {\n width: 18px;\n height: 18px;\n }\n }\n \/* ========== End Icon Info List Styles ========== *\/\n\n \/* ========== Slider Styles ========== *\/\n .simple-slider {\n width: 100%;\n max-width: 600px;\n margin: 0 auto 8px; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n position: relative;\n }\n .slider-container {\n position: relative;\n height: 280px;\n overflow: hidden;\n cursor: grab;\n }\n .slider-container:active {\n cursor: grabbing;\n }\n .slides-wrapper {\n display: flex;\n transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n height: 100%;\n }\n .slide {\n min-width: 100%;\n height: 100%;\n background-color: #eaeaea;\n border-radius: 8px;\n padding: 0 16px; \n box-sizing: border-box;\n user-select: none;\n transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .slide .content {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 20px;\n }\n .slide .icon-text {\n display: flex;\n align-items: center;\n gap: 16px;\n }\n .slide .icon-text .icon {\n width: 65px; \n height: 65px; \n flex-shrink: 0;\n }\n .slide .icon-text .icon img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n .slide .text {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n font-size: 18px; \n font-weight: 500;\n color: #333;\n }\n .slide .text p {\n margin: 0;\n }\n .slide .benefits {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #333;\n }\n .slide .benefits p {\n margin: 0 0 12px 0;\n font-size: 18px; \n }\n .slide .benefits p strong {\n font-weight: 600;\n font-size: 20px; \n }\n .slide .benefits ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n .slide .benefits li {\n position: relative;\n padding-left: 24px; \n margin-bottom: 8px;\n font-size: 18px; \n }\n .slide .benefits li:before {\n content: \"•\";\n position: absolute;\n left: 0;\n top: 0;\n color: #333;\n font-size: 20px; \n }\n .slide .benefits li:last-child {\n margin-bottom: 0;\n }\n \n .dots {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 16px;\n }\n .slide {\n position: relative;\n }\n .slide-dots {\n position: absolute;\n bottom: 12px;\n right: 12px;\n display: flex;\n gap: 8px;\n z-index: 10;\n }\n .slide-dots .dot {\n width: 24px;\n height: 4px;\n border: none;\n background-color: #ccc;\n border-radius: 2px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n font-size: 0;\n }\n .slide-dots .dot.active {\n background-color: #333;\n transform: scale(1.2);\n box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n }\n .slide-dots .dot:hover {\n background-color: #999;\n transform: scale(1.1);\n }\n .slide-dots .dot {\n transform: scale(1);\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .fixed-dots-container {\n position: absolute;\n bottom: 12px;\n right: 12px;\n display: flex;\n gap: 8px;\n z-index: 10;\n }\n .slide .slide-dots {\n display: none !important;\n }\n .dot {\n width: 24px;\n height: 4px;\n border: none;\n background-color: #ccc;\n border-radius: 2px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n font-size: 0;\n }\n .dot.active {\n background-color: #333;\n }\n .dot:hover {\n background-color: #999;\n }\n \/* ========== End Slider Styles ========== *\/\n \n \/* ========== Product Tabs Styles ========== *\/\n .product__block--tabs {\n margin: 4px 0 20px; \/* 关键修改：顶部margin从8px→4px，缩短一倍 *\/\n }\n .tabs-wrapper {\n width: 100%;\n }\n .tabs__head {\n position: relative;\n border-bottom: 1px solid #e5e5e5;\n margin-bottom: 20px;\n }\n .product-tabs-title {\n display: flex;\n list-style: none;\n margin: 0;\n padding: 0;\n gap: 30px;\n }\n .tab-link {\n position: relative;\n padding: 12px 0;\n cursor: pointer;\n font-size: 16px;\n font-weight: 500;\n color: #999;\n transition: color 0.3s ease;\n border: none;\n background: none;\n outline: none;\n }\n .tab-link:hover {\n color: #333;\n }\n .tab-link.current {\n color: #000;\n }\n .tab-link.current::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 100%;\n height: 2px;\n background-color: #000;\n }\n .tab-content {\n display: none;\n color: #666;\n line-height: 1.6;\n font-size: 18px;\n }\n .tab-content.current {\n display: block;\n }\n .tab-content p {\n margin: 0 0 16px 0;\n }\n .tab-content ul {\n margin: 0 0 16px 0;\n padding-left: 20px;\n }\n .tab-content li {\n margin-bottom: 8px;\n }\n .tab-content strong {\n color: #333;\n font-weight: 600;\n }\n .tab-content img {\n max-width: 100%;\n height: auto;\n display: block;\n margin: 16px 0;\n }\n .tabs__arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: white;\n border: 1px solid #e5e5e5;\n border-radius: 50%;\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n .tabs__arrow:hover {\n background: #f5f5f5;\n }\n .tabs__arrow--prev {\n left: -16px;\n }\n .tabs__arrow--next {\n right: -16px;\n }\n .tabs__arrow.is-hidden {\n display: none;\n }\n .tabs__arrow svg {\n width: 16px;\n height: 16px;\n }\n\n \/* Product Tabs Responsive *\/\n @media (max-width: 768px) {\n .product-tabs-title {\n gap: 20px;\n }\n .tab-link {\n font-size: 14px;\n padding: 10px 0;\n }\n .tab-content {\n font-size: 16px;\n }\n .tabs__arrow {\n width: 28px;\n height: 28px;\n }\n .tabs__arrow svg {\n width: 14px;\n height: 14px;\n }\n .product__block--tabs {\n margin: 3px 0 16px; \/* 响应式同步减半：6px→3px *\/\n }\n }\n \/* ========== End Product Tabs Styles ========== *\/\n\n \/* ========== Toggle Ellipsis Styles ========== *\/\n .toggle-ellipsis {\n position: relative;\n overflow: hidden;\n }\n .toggle-ellipsis__content {\n position: relative;\n overflow: hidden;\n transition: max-height 0.3s ease;\n max-height: 175px;\n }\n .toggle-ellipsis__content::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 40px;\n background: linear-gradient(transparent, white);\n pointer-events: none;\n transition: opacity 0.3s ease;\n }\n .toggle-ellipsis__actions {\n text-align: center;\n margin-top: 10px;\n }\n .caps--link {\n background: none;\n border: none;\n color: #999;\n font-size: 14px;\n cursor: pointer;\n text-decoration: underline;\n padding: 0;\n transition: color 0.3s ease;\n }\n .caps--link:hover {\n color: #333;\n }\n .toggle-ellipsis.expanded .toggle-ellipsis__content {\n max-height: none;\n }\n .toggle-ellipsis.expanded .toggle-ellipsis__content::after {\n opacity: 0;\n }\n .toggle-ellipsis.expanded .caps--link span {\n display: none;\n }\n .toggle-ellipsis.expanded .caps--link::after {\n content: 'Show Less';\n }\n \/* ========== End Toggle Ellipsis Styles ========== *\/\n\n \/* ========== Utility Styles ========== *\/\n .native-scrollbar {\n scrollbar-width: none;\n -ms-overflow-style: none;\n }\n .native-scrollbar::-webkit-scrollbar {\n display: none;\n }\n .rte {\n margin-bottom: 20px;\n }\n \/* ========== End Utility Styles ========== *\/\n \u003c\/style\u003e\n\u003c!-- ========== Icon Info List Section ========== --\u003e\n\u003cdiv class=\"icon-info-list\"\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm7-10-3-3m3 3-3 3m3-3H5m0 0 3-3m-3 3 3 3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e \u003cspan class=\"text\"\u003e30 天免費退貨\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m7 9 5 3.5L17 9\"\u003e\u003c\/path\u003e\n \u003cpath fill=\"none\" stroke=\"#000\" d=\"M2 17V7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"text\"\u003e終身免費保養\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"M15 11.063C12.53 13.65 10.059 20 10.059 20S6.529 11.062 3 9\"\u003e\u003c\/path\u003e\n \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m20.496 5.577.426 4.424c.276 2.87-1.875 5.425-4.745 5.702-2.816.27-5.367-1.788-5.638-4.604a5.122 5.122 0 0 1 4.608-5.59l4.716-.454a.58.58 0 0 1 .633.522z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e \u003cspan class=\"text\"\u003e100% 天然\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m8.587 8.236 2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232 5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 0 1 .503-1.54l5.808-.845z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"text\"\u003e五千年的中國文化\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- ========== End Icon Info List Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003c\/p\u003e\n\n\u003c!-- ========== Slider Section ========== --\u003e\n\u003cdiv class=\"simple-slider\"\u003e\n\n\u003cdiv id=\"sliderContainer\" class=\"slider-container\"\u003e\n\n\u003cdiv class=\"fixed-dots-container\"\u003e\n\n \u003cbutton data-slide=\"0\" class=\"dot active\"\u003e1\u003c\/button\u003e \u003cbutton data-slide=\"1\" class=\"dot\"\u003e2\u003c\/button\u003e \n\n\u003c\/div\u003e\n\n\u003cdiv id=\"slidesWrapper\" class=\"slides-wrapper\"\u003e\n\n\u003cdiv class=\"slide\"\u003e\n\n\u003cdiv class=\"content\"\u003e\n\n\u003cdiv class=\"icon-text\"\u003e\n\n\u003cdiv class=\"icon\"\u003e\u003cimg height=\"55\" width=\"55\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/8f750c63b861e2688b6144aa16a7efbd.png?v=1767076394\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"text\"\u003e\n\n\u003cp\u003e ICH：【漆葫蘆】\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"benefits\"\u003e\n\n\u003cp\u003e\u003cstrong\u003e關鍵要素\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e緩解煩躁\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"slide\"\u003e\n\n\u003cdiv class=\"content\"\u003e\n\n\u003cdiv class=\"icon-text\"\u003e\n\n\u003cdiv class=\"icon\"\u003e\u003cimg height=\"65\" width=\"65\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/f8b2923bcab006e21bb0290a3b462bec.png?v=1766912760\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"text\"\u003e\n\n\u003cp\u003e何香珠\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"benefits\"\u003e\n\n \u003cp\u003e\u003cstrong\u003e主要優勢\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e栽培\u003c\/li\u003e\n\n\u003cli\u003e活力煥發與冥想\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- ========== End Slider Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003c\/p\u003e\n\n\u003c!-- ========== Tabs Section ========== --\u003e\n\u003cdiv class=\"product__block product__block--tabs tabs-wrapper block-padding\" style=\"--block-padding-bottom: 0px;\"\u003e\n\n\u003cul class=\"tabs product-tabs-title\" data-scrollbar=\"\" data-scrollbar-slider=\"\"\u003e\n\n\u003cli class=\"tab-link tab-link-0 current\" data-tab=\"0\" data-attributes-placeholder=\"\" tabindex=\"0\"\u003e\u003cspan\u003e描述\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"tab-link tab-link-1\" data-tab=\"1\" tabindex=\"0\"\u003e\u003cspan\u003e尖端\u003c\/span\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\u003cbutton type=\"button\" class=\"tabs__arrow tabs__arrow--prev product-tabs__arrow product-tabs__arrow--prev is-hidden\" data-scrollbar-arrow-prev=\"\"\u003e\u003csvg aria-hidden=\"true\" role=\"presentation\" class=\"icon icon-nav-arrow-left\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"m15 6-6 6 6 6\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003cspan class=\"visually-hidden\"\u003e看全部\u003c\/span\u003e\u003c\/button\u003e\u003cbutton type=\"button\" class=\"tabs__arrow tabs__arrow--next product-tabs__arrow product-tabs__arrow--next is-hidden\" data-scrollbar-arrow-next=\"\"\u003e\u003csvg aria-hidden=\"true\" role=\"presentation\" class=\"icon icon-nav-arrow-right\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"m9 6 6 6-6 6\" stroke=\"#000\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003cspan class=\"visually-hidden\"\u003e看全部\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"tab-content tab-content-0 current rte\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\n\u003cp class=\"p\"\u003e\u003cstrong\u003e核心目標族群：睡眠淺、夢境鮮明、睡前煩躁不安、早晨疲倦的夜貓子和上班族。\u003c\/strong\u003e\u003c\/p\u003e\n\n \u003cp\u003e\u003cstrong\u003e這款傳統中式手鍊是睡眠淺人士的「睡前療癒神器」。天然淡香的和香竹能夠舒緩睡前一天的煩躁，幫助您放鬆緊張的神經，改善輾轉反側難以入眠的情況，並緩解夜間頻繁做夢導致的晨起疲倦。散發著溫暖橙色光芒的橙色月光石水晶，營造出柔和的氛圍，舒緩身心。鑲嵌的非物質文化遺產手工漆葫蘆，不僅蘊含著「福氣與你同在」的傳統祝福，更承載著匠人精湛工藝的溫情。它既是日常配戴的傳統中式飾品，也是貼心的陪伴，助您安享一夜好眠，適合睡前放鬆、居家休閒等多種場合。\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton type=\"button\" class=\"caps--link\"\u003e\u003cspan\u003e閱讀更多\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"tab-content tab-content-1 rte\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\n\u003cul\u003e\n\n \u003cli\u003e\u003cstrong\u003e手動測量可能存在輕微誤差—感謝您的理解！\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e這些純手工製作的天然產品可能會有一些細微瑕疵。光線也可能導致實物與照片略有色差。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e正常配戴情況下，香味可持續1-2個月。若香味變淡，將香珠密封2-3天即可恢復香味，無需再添加香水。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e所有水晶均由天然原礦打磨而成，不經過染色或樹脂注入，確保品質。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e這些香珠採用天然草本材料製成，不含化學黏合劑，適合敏感肌膚使用。如有任何不適，請停止使用並聯絡客服。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e對於非品質問題導致的免運費商品退貨，買家需承擔退貨運費。\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton type=\"button\" class=\"caps--link\"\u003e\u003cspan\u003e閱讀更多\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n \u003cp\u003e\u003cstrong\u003e\u003cstrong\u003e\u003c!-- ========== End Tabs Section ========== --\u003e\u003cscript\u003e\n \/\/ ========== Slider Functionality ==========\n document.addEventListener('DOMContentLoaded', function() {\n const sliderContainer = document.getElementById('sliderContainer');\n const slidesWrapper = document.getElementById('slidesWrapper');\n const slides = document.querySelectorAll('.slide');\n const dots = document.querySelectorAll('.dot');\n let currentSlide = 0;\n const totalSlides = slides.length;\n \n let isDragging = false;\n let startX = 0;\n let currentX = 0;\n let initialTransform = 0;\n let animationId = 0;\n\n function updateSlider() {\n const translateX = -currentSlide * 100;\n slidesWrapper.style.transform = `translateX(${translateX}%)`;\n \n dots.forEach((dot, index) =\u003e {\n const wasActive = dot.classList.contains('active');\n const isActive = index === currentSlide;\n \n if (wasActive !== isActive) {\n setTimeout(() =\u003e {\n dot.classList.toggle('active', isActive);\n }, index * 50); \n } else {\n dot.classList.toggle('active', isActive);\n }\n });\n \n slides.forEach((slide, index) =\u003e {\n if (index === currentSlide) {\n slide.style.opacity = '1';\n slide.style.transform = 'scale(1)';\n } else {\n slide.style.opacity = '0.8';\n slide.style.transform = 'scale(0.98)';\n }\n });\n }\n\n function showSlide(index) {\n currentSlide = index;\n if (currentSlide \u003c 0) currentSlide = totalSlides - 1;\n if (currentSlide \u003e= totalSlides) currentSlide = 0;\n updateSlider();\n }\n\n dots.forEach((dot, index) =\u003e {\n dot.addEventListener('click', () =\u003e {\n showSlide(index);\n });\n });\n \n sliderContainer.addEventListener('mousedown', startDrag);\n sliderContainer.addEventListener('mousemove', drag);\n sliderContainer.addEventListener('mouseup', endDrag);\n sliderContainer.addEventListener('mouseleave', endDrag);\n\n sliderContainer.addEventListener('touchstart', startDrag, { passive: false });\n sliderContainer.addEventListener('touchmove', drag, { passive: false });\n sliderContainer.addEventListener('touchend', endDrag);\n\n function startDrag(e) {\n isDragging = true;\n startX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n initialTransform = -currentSlide * 100;\n slidesWrapper.style.transition = 'none';\n \n if (animationId) {\n cancelAnimationFrame(animationId);\n }\n }\n\n function drag(e) {\n if (!isDragging) return;\n \n e.preventDefault();\n currentX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n const deltaX = currentX - startX;\n const dragPercentage = (deltaX \/ sliderContainer.offsetWidth) * 100;\n const newTransform = initialTransform + dragPercentage;\n \n slidesWrapper.style.transform = `translateX(${newTransform}%)`;\n }\n\n function endDrag(e) {\n if (!isDragging) return;\n \n isDragging = false;\n slidesWrapper.style.transition = 'transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n \n const deltaX = currentX - startX;\n const threshold = sliderContainer.offsetWidth * 0.15; \n \n if (Math.abs(deltaX) \u003e threshold) {\n if (deltaX \u003e 0) {\n showSlide(currentSlide - 1);\n } else {\n showSlide(currentSlide + 1);\n }\n } else {\n updateSlider();\n }\n }\n\n sliderContainer.addEventListener('dragstart', (e) =\u003e {\n e.preventDefault();\n });\n\n setInterval(() =\u003e {\n if (!isDragging) {\n showSlide(currentSlide + 1);\n }\n }, 5000);\n });\n\n \/\/ ========== Tab Functionality ==========\n document.addEventListener('DOMContentLoaded', function() {\n const tabLinks = document.querySelectorAll('.tab-link');\n const tabContents = document.querySelectorAll('.tab-content');\n\n function showTab(index) {\n tabContents.forEach(content =\u003e content.classList.remove('current'));\n tabLinks.forEach(link =\u003e link.classList.remove('current'));\n \n tabContents[index].classList.add('current');\n tabLinks[index].classList.add('current');\n }\n\n tabLinks.forEach((link, index) =\u003e {\n link.addEventListener('click', () =\u003e {\n showTab(index);\n });\n });\n });\n\n \/\/ ========== Expand\/Collapse Functionality ==========\n document.addEventListener('DOMContentLoaded', function() {\n const toggleButtons = document.querySelectorAll('.caps--link');\n \n toggleButtons.forEach(button =\u003e {\n button.addEventListener('click', function() {\n const toggleContainer = this.closest('.toggle-ellipsis');\n const content = toggleContainer.querySelector('.toggle-ellipsis__content');\n const buttonText = this.querySelector('span');\n \n if (toggleContainer.classList.contains('expanded')) {\n toggleContainer.classList.remove('expanded');\n content.style.maxHeight = '175px';\n buttonText.textContent = 'Read More';\n } else {\n toggleContainer.classList.add('expanded');\n content.style.maxHeight = content.scrollHeight + 'px';\n buttonText.textContent = 'Show Less';\n }\n });\n });\n });\n\u003c\/script\u003e\u003c\/strong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003c!-- Products Introduction 四列展示区块 开始 --\u003e\n\u003cstyle\u003e\n .products-intro-section {\n width: 100%;\n margin: 0;\n background: #fff;\n }\n .products-intro-title {\n font-size: 2.8rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 700;\n margin-bottom: 36px;\n text-align: left;\n margin-left: 8vw;\n letter-spacing: 0.01em;\n }\n .products-intro-list {\n display: flex;\n justify-content: center;\n gap: 0 36px;\n max-width: 1200px;\n margin: 0 auto;\n }\n .products-intro-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 280px;\n }\n .products-intro-img {\n width: 100px;\n height: 100px;\n object-fit: contain;\n margin-bottom: 20px;\n margin-top: 12px;\n }\n .products-intro-name {\n font-size: 1.8rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 600;\n margin-bottom: 18px;\n text-align: center;\n letter-spacing: 0.01em;\n }\n .products-intro-desc {\n list-style: disc inside;\n text-align: center;\n font-size: 1.6rem;\n color: #222;\n margin: 0;\n padding: 0;\n width: 100%;\n display: inline-block;\n }\n .products-intro-desc li {\n margin-bottom: 12px;\n line-height: 1.5;\n word-break: break-word;\n padding-left: 0;\n text-indent: 0;\n display: list-item;\n }\n \n @media (max-width: 900px) and (min-width: 600px) {\n .products-intro-title {\n margin-left: 0;\n text-align: center;\n }\n .products-intro-list {\n flex-wrap: wrap;\n gap: 24px;\n justify-content: center;\n }\n .products-intro-item {\n width: calc(50% - 12px);\n max-width: 320px;\n }\n }\n \n @media (max-width: 599px) {\n .products-intro-title {\n margin-left: 0;\n text-align: center;\n font-size: 2.0rem;\n margin-bottom: 20px;\n }\n .products-intro-list {\n gap: 16px;\n justify-content: center;\n padding: 0 12px;\n }\n .products-intro-item {\n width: calc(50% - 8px);\n max-width: 180px;\n }\n .products-intro-img {\n width: 60px;\n height: 60px;\n margin-bottom: 10px;\n margin-top: 6px;\n }\n .products-intro-name {\n font-size: 1.4rem;\n margin-bottom: 8px;\n }\n .products-intro-desc {\n font-size: 1.6rem;\n }\n .products-intro-desc li {\n margin-bottom: 8px;\n line-height: 1.4;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 480px) {\n .products-intro-title {\n font-size: 1.8rem;\n margin-bottom: 16px;\n }\n .products-intro-list {\n gap: 12px;\n padding: 0 8px;\n }\n .products-intro-item {\n width: calc(50% - 6px);\n max-width: 150px;\n }\n .products-intro-img {\n width: 80px;\n height: 50px;\n margin-bottom: 8px;\n margin-top: 4px;\n }\n .products-intro-name {\n font-size: 2.5rem;\n margin-bottom: 6px;\n }\n .products-intro-desc {\n font-size: 1.4rem;\n }\n .products-intro-desc li {\n margin-bottom: 6px;\n line-height: 1.3;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 360px) {\n .products-intro-title {\n font-size: 1.6rem;\n margin-bottom: 12px;\n }\n .products-intro-list {\n gap: 8px;\n padding: 0 6px;\n }\n .products-intro-item {\n width: calc(50% - 4px);\n max-width: 130px;\n }\n .products-intro-img {\n width: 40px;\n height: 40px;\n margin-bottom: 6px;\n margin-top: 2px;\n }\n .products-intro-name {\n font-size: 1.1rem;\n margin-bottom: 4px;\n }\n .products-intro-desc {\n font-size: 1.2rem;\n }\n .products-intro-desc li {\n margin-bottom: 4px;\n line-height: 1.2;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"products-intro-section\"\u003e\n\n\u003cdiv class=\"products-intro-title\"\u003e產品介紹\u003c\/div\u003e\n\n\u003cdiv class=\"products-intro-list\"\u003e\n\n\u003cdiv class=\"products-intro-item\"\u003e\n\n\u003cimg alt=\"尺寸\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/2_0de5d2c0-0ef0-4aca-89a1-f4848a85140a.jpg?v=1753257593\" class=\"products-intro-img\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003e尺寸\u003c\/strong\u003e\u003c\/div\u003e\n\n\u003cul class=\"products-intro-desc\"\u003e\n\n\u003cli\u003e\u003cstrong\u003e珠子直徑 12 毫米\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"products-intro-item\"\u003e\n\n\u003cimg alt=\"脈輪\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/3_c7d6aa2e-bb7b-4874-abe7-d7cf5031d27b.jpg?v=1753257593\" class=\"products-intro-img\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003e關心\u003c\/strong\u003e\u003c\/div\u003e\n\n\u003cul class=\"products-intro-desc\"\u003e\n\n\u003cli\u003e\u003cstrong\u003e乾涼無化學成分\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Products Introduction 四列展示区块 结束 --\u003e\n\u003cp\u003e\u003c\/p\u003e\n\n\u003c!-- 分割线 --\u003e\u003chr style=\"\/* width: 80%; *\/height: 2px; background-color: #cccccc; border: none; \/* margin: 60px auto; *\/border-radius: 2px; margin-bottom: 10px; margin-top: 10px;\"\u003e\n\u003c!-- Key Energy 三列展示区块 开始 --\u003e\n\u003cstyle\u003e\n .key-energy-section {\n width: 100%;\n margin: 0;\n background: #fff;\n }\n .key-energy-title {\n font-size: 3.2rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 700;\n margin-bottom: 40px;\n text-align: left;\n margin-left: 8vw;\n letter-spacing: 0.01em;\n }\n .key-energy-list {\n display: flex;\n justify-content: center;\n gap: 0 80px;\n max-width: 800px;\n margin: 0 auto;\n }\n .key-energy-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 320px;\n }\n .key-energy-img {\n width: 140px;\n height: 140px;\n object-fit: contain;\n margin-bottom: 20px;\n margin-top: 16px;\n }\n .key-energy-name {\n font-size: 1.8rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 600;\n margin-bottom: 18px;\n text-align: center;\n letter-spacing: 0.01em;\n }\n .key-energy-desc {\n list-style: disc inside;\n text-align: center;\n font-size: 1.5rem;\n color: #222;\n margin: 0;\n padding: 0;\n width: 100%;\n display: inline-block;\n }\n .key-energy-desc li {\n margin-bottom: 10px;\n line-height: 1.6;\n word-break: break-word;\n padding-left: 0;\n text-indent: 0;\n display: list-item;\n }\n \n @media (max-width: 900px) and (min-width: 600px) {\n .key-energy-title {\n margin-left: 0;\n text-align: center;\n font-size: 2.4rem;\n font-weight: 700;\n }\n .key-energy-list {\n flex-wrap: wrap;\n gap: 24px;\n justify-content: center;\n }\n .key-energy-item {\n width: calc(50% - 12px);\n max-width: 350px;\n }\n }\n \n @media (max-width: 599px) {\n .key-energy-title {\n margin-left: 0;\n text-align: center;\n font-size: 2.0rem;\n font-weight: 700;\n margin-bottom: 16px;\n }\n .key-energy-list {\n gap: 14px;\n justify-content: center;\n padding: 0 8px;\n }\n .key-energy-item {\n width: calc(50% - 7px);\n max-width: 180px;\n }\n .key-energy-img {\n width: 90px;\n height: 90px;\n margin-bottom: 12px;\n margin-top: 8px;\n }\n .key-energy-name {\n font-size: 1.5rem;\n font-weight: 600;\n margin-bottom: 10px;\n }\n .key-energy-desc {\n font-size: 1.6rem;\n font-weight: 500;\n list-style: none;\n }\n .key-energy-desc li {\n margin-bottom: 8px;\n line-height: 1.4;\n padding-left: 0;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 480px) {\n .key-energy-title {\n font-size: 1.8rem;\n font-weight: 700;\n margin-bottom: 12px;\n }\n .key-energy-list {\n gap: 12px;\n padding: 0 6px;\n justify-content: center;\n }\n .key-energy-item {\n width: calc(50% - 6px);\n max-width: 160px;\n }\n .key-energy-img {\n width: 80px;\n height: 80px;\n margin-bottom: 10px;\n margin-top: 6px;\n }\n .key-energy-name {\n font-size: 2.5rem;\n font-weight: 600;\n margin-bottom: 8px;\n }\n .key-energy-desc {\n font-size: 1.4rem;\n font-weight: 500;\n list-style: none;\n }\n .key-energy-desc li {\n margin-bottom: 6px;\n line-height: 1.3;\n padding-left: 0;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 360px) {\n .key-energy-title {\n font-size: 1.6rem;\n font-weight: 700;\n margin-bottom: 10px;\n }\n .key-energy-list {\n gap: 8px;\n padding: 0 6px;\n justify-content: center;\n }\n .key-energy-item {\n width: calc(50% - 4px);\n max-width: 120px;\n }\n .key-energy-img {\n width: 70px;\n height: 70px;\n margin-bottom: 8px;\n margin-top: 4px;\n }\n .key-energy-name {\n font-size: 1.2rem;\n font-weight: 600;\n margin-bottom: 6px;\n }\n .key-energy-desc {\n font-size: 1.2rem;\n font-weight: 500;\n list-style: none;\n }\n .key-energy-desc li {\n margin-bottom: 4px;\n line-height: 1.2;\n padding-left: 0;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"key-energy-section\"\u003e\n\n\u003cdiv class=\"key-energy-title\"\u003e關鍵能源\u003c\/div\u003e\n\n\u003cdiv class=\"key-energy-list\"\u003e\n\n\u003cdiv class=\"key-energy-item\"\u003e\n\n\u003cimg class=\"key-energy-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/cf1cf8b52e1fb559922dea5cdd83e4c5.png?v=1754218427\" alt=\"茶晶\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003e橙色月光石\u003c\/strong\u003e\u003c\/div\u003e\n\n\u003cul class=\"key-energy-desc\"\u003e\n\n\u003cli\u003e\u003cstrong\u003e勇氣\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e人氣與自信\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Key Energy 三列展示区块 结束 --\u003e","brand":"FateGemz","offers":[{"title":"S","offer_id":52536723013946,"sku":"Gourd-OrangeMoonstone-S","price":49.0,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":52536723046714,"sku":"Gourd-OrangeMoonstone-M","price":49.0,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":52536723079482,"sku":"Gourd-OrangeMoonstone-L","price":49.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/warm-fortune-orange-moonstone-hexiangzhu-bracelet-2535318.jpg?v=1767043926"},{"product_id":"amazonite-lacquer-gourd-scented-bracelet-refreshing-luck","title":"煥新運亞馬遜石和河象手鍊","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\n \/* ========== Icon Info List Styles ========== *\/\n .icon-info-list {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 12px 20px;\n margin: 32px 0 8px 0; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n }\n .icon-info-item {\n display: flex;\n align-items: center;\n font-size: 18px; \n color: #222;\n font-weight: 400;\n }\n .icon-info-item .icon {\n display: flex;\n align-items: center;\n margin-right: 8px; \n }\n .icon-info-item .icon svg {\n width: 24px; \n height: 24px; \n display: block;\n stroke-width: 1.5;\n }\n \n .icon-info-item:nth-child(2),\n .icon-info-item:nth-child(4) {\n text-align: left;\n padding-left: 0;\n }\n\n \/* Icon Info List Responsive *\/\n @media (max-width: 768px) {\n .icon-info-list {\n grid-template-columns: repeat(2, 1fr);\n gap: 8px 12px;\n margin: 24px 0 6px 0; \/* 响应式同步减半：12px→6px *\/\n }\n .icon-info-item {\n font-size: 16px;\n white-space: nowrap;\n }\n .icon-info-item .icon svg {\n width: 22px;\n height: 22px;\n }\n .icon-info-item:nth-child(2),\n .icon-info-item:nth-child(4) {\n text-align: left;\n padding-left: 0;\n }\n }\n\n @media (max-width: 599px) {\n .icon-info-list {\n gap: 6px 8px;\n margin: 20px 0 5px 0; \/* 响应式同步减半：10px→5px *\/\n }\n .icon-info-item {\n font-size: 14px;\n white-space: nowrap;\n }\n .icon-info-item .icon {\n margin-right: 4px;\n }\n .icon-info-item .icon svg {\n width: 20px;\n height: 20px;\n }\n }\n\n @media (max-width: 480px) {\n .icon-info-list {\n gap: 6px 8px;\n margin: 16px 0 4px 0; \/* 响应式同步减半：8px→4px *\/\n }\n .icon-info-item {\n font-size: 13px;\n white-space: nowrap;\n }\n .icon-info-item .icon {\n margin-right: 3px;\n }\n .icon-info-item .icon svg {\n width: 18px;\n height: 18px;\n }\n }\n \/* ========== End Icon Info List Styles ========== *\/\n\n \/* ========== Slider Styles ========== *\/\n .simple-slider {\n width: 100%;\n max-width: 600px;\n margin: 0 auto 8px; \/* 关键修改：底部margin从16px→8px，缩短一倍 *\/\n position: relative;\n }\n .slider-container {\n position: relative;\n height: 280px;\n overflow: hidden;\n cursor: grab;\n }\n .slider-container:active {\n cursor: grabbing;\n }\n .slides-wrapper {\n display: flex;\n transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n height: 100%;\n }\n .slide {\n min-width: 100%;\n height: 100%;\n background-color: #eaeaea;\n border-radius: 8px;\n padding: 0 16px; \n box-sizing: border-box;\n user-select: none;\n transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .slide .content {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 20px;\n }\n .slide .icon-text {\n display: flex;\n align-items: center;\n gap: 16px;\n }\n .slide .icon-text .icon {\n width: 65px; \n height: 65px; \n flex-shrink: 0;\n }\n .slide .icon-text .icon img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n .slide .text {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n font-size: 18px; \n font-weight: 500;\n color: #333;\n }\n .slide .text p {\n margin: 0;\n }\n .slide .benefits {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: #333;\n }\n .slide .benefits p {\n margin: 0 0 12px 0;\n font-size: 18px; \n }\n .slide .benefits p strong {\n font-weight: 600;\n font-size: 20px; \n }\n .slide .benefits ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n .slide .benefits li {\n position: relative;\n padding-left: 24px; \n margin-bottom: 8px;\n font-size: 18px; \n }\n .slide .benefits li:before {\n content: \"•\";\n position: absolute;\n left: 0;\n top: 0;\n color: #333;\n font-size: 20px; \n }\n .slide .benefits li:last-child {\n margin-bottom: 0;\n }\n \n .dots {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 16px;\n }\n .slide {\n position: relative;\n }\n .slide-dots {\n position: absolute;\n bottom: 12px;\n right: 12px;\n display: flex;\n gap: 8px;\n z-index: 10;\n }\n .slide-dots .dot {\n width: 24px;\n height: 4px;\n border: none;\n background-color: #ccc;\n border-radius: 2px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n font-size: 0;\n }\n .slide-dots .dot.active {\n background-color: #333;\n transform: scale(1.2);\n box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n }\n .slide-dots .dot:hover {\n background-color: #999;\n transform: scale(1.1);\n }\n .slide-dots .dot {\n transform: scale(1);\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .fixed-dots-container {\n position: absolute;\n bottom: 12px;\n right: 12px;\n display: flex;\n gap: 8px;\n z-index: 10;\n }\n .slide .slide-dots {\n display: none !important;\n }\n .dot {\n width: 24px;\n height: 4px;\n border: none;\n background-color: #ccc;\n border-radius: 2px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n font-size: 0;\n }\n .dot.active {\n background-color: #333;\n }\n .dot:hover {\n background-color: #999;\n }\n \/* ========== End Slider Styles ========== *\/\n \n \/* ========== Product Tabs Styles ========== *\/\n .product__block--tabs {\n margin: 4px 0 20px; \/* 关键修改：顶部margin从8px→4px，缩短一倍 *\/\n }\n .tabs-wrapper {\n width: 100%;\n }\n .tabs__head {\n position: relative;\n border-bottom: 1px solid #e5e5e5;\n margin-bottom: 20px;\n }\n .product-tabs-title {\n display: flex;\n list-style: none;\n margin: 0;\n padding: 0;\n gap: 30px;\n }\n .tab-link {\n position: relative;\n padding: 12px 0;\n cursor: pointer;\n font-size: 16px;\n font-weight: 500;\n color: #999;\n transition: color 0.3s ease;\n border: none;\n background: none;\n outline: none;\n }\n .tab-link:hover {\n color: #333;\n }\n .tab-link.current {\n color: #000;\n }\n .tab-link.current::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n width: 100%;\n height: 2px;\n background-color: #000;\n }\n .tab-content {\n display: none;\n color: #666;\n line-height: 1.6;\n font-size: 18px;\n }\n .tab-content.current {\n display: block;\n }\n .tab-content p {\n margin: 0 0 16px 0;\n }\n .tab-content ul {\n margin: 0 0 16px 0;\n padding-left: 20px;\n }\n .tab-content li {\n margin-bottom: 8px;\n }\n .tab-content strong {\n color: #333;\n font-weight: 600;\n }\n .tab-content img {\n max-width: 100%;\n height: auto;\n display: block;\n margin: 16px 0;\n }\n .tabs__arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: white;\n border: 1px solid #e5e5e5;\n border-radius: 50%;\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n .tabs__arrow:hover {\n background: #f5f5f5;\n }\n .tabs__arrow--prev {\n left: -16px;\n }\n .tabs__arrow--next {\n right: -16px;\n }\n .tabs__arrow.is-hidden {\n display: none;\n }\n .tabs__arrow svg {\n width: 16px;\n height: 16px;\n }\n\n \/* Product Tabs Responsive *\/\n @media (max-width: 768px) {\n .product-tabs-title {\n gap: 20px;\n }\n .tab-link {\n font-size: 14px;\n padding: 10px 0;\n }\n .tab-content {\n font-size: 16px;\n }\n .tabs__arrow {\n width: 28px;\n height: 28px;\n }\n .tabs__arrow svg {\n width: 14px;\n height: 14px;\n }\n .product__block--tabs {\n margin: 3px 0 16px; \/* 响应式同步减半：6px→3px *\/\n }\n }\n \/* ========== End Product Tabs Styles ========== *\/\n\n \/* ========== Toggle Ellipsis Styles ========== *\/\n .toggle-ellipsis {\n position: relative;\n overflow: hidden;\n }\n .toggle-ellipsis__content {\n position: relative;\n overflow: hidden;\n transition: max-height 0.3s ease;\n max-height: 175px;\n }\n .toggle-ellipsis__content::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 40px;\n background: linear-gradient(transparent, white);\n pointer-events: none;\n transition: opacity 0.3s ease;\n }\n .toggle-ellipsis__actions {\n text-align: center;\n margin-top: 10px;\n }\n .caps--link {\n background: none;\n border: none;\n color: #999;\n font-size: 14px;\n cursor: pointer;\n text-decoration: underline;\n padding: 0;\n transition: color 0.3s ease;\n }\n .caps--link:hover {\n color: #333;\n }\n .toggle-ellipsis.expanded .toggle-ellipsis__content {\n max-height: none;\n }\n .toggle-ellipsis.expanded .toggle-ellipsis__content::after {\n opacity: 0;\n }\n .toggle-ellipsis.expanded .caps--link span {\n display: none;\n }\n .toggle-ellipsis.expanded .caps--link::after {\n content: 'Show Less';\n }\n \/* ========== End Toggle Ellipsis Styles ========== *\/\n\n \/* ========== Utility Styles ========== *\/\n .native-scrollbar {\n scrollbar-width: none;\n -ms-overflow-style: none;\n }\n .native-scrollbar::-webkit-scrollbar {\n display: none;\n }\n .rte {\n margin-bottom: 20px;\n }\n \/* ========== End Utility Styles ========== *\/\n \u003c\/style\u003e\n\u003c!-- ========== Icon Info List Section ========== --\u003e\n\u003cdiv class=\"icon-info-list\"\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm7-10-3-3m3 3-3 3m3-3H5m0 0 3-3m-3 3 3 3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e \u003cspan class=\"text\"\u003e30 天免費退貨\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m7 9 5 3.5L17 9\"\u003e\u003c\/path\u003e\n \u003cpath fill=\"none\" stroke=\"#000\" d=\"M2 17V7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"text\"\u003e終身免費保養\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"M15 11.063C12.53 13.65 10.059 20 10.059 20S6.529 11.062 3 9\"\u003e\u003c\/path\u003e\n \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m20.496 5.577.426 4.424c.276 2.87-1.875 5.425-4.745 5.702-2.816.27-5.367-1.788-5.638-4.604a5.122 5.122 0 0 1 4.608-5.59l4.716-.454a.58.58 0 0 1 .633.522z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e \u003cspan class=\"text\"\u003e100% 天然\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"icon-info-item\"\u003e\n\n\u003cspan class=\"icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" role=\"presentation\" aria-hidden=\"true\"\u003e\n \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#000\" d=\"m8.587 8.236 2.598-5.232a.911.911 0 0 1 1.63 0l2.598 5.232 5.808.844a.902.902 0 0 1 .503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 0 1 .503-1.54l5.808-.845z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"text\"\u003e五千年的中國文化\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- ========== End Icon Info List Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003c\/p\u003e\n\n\u003c!-- ========== Slider Section ========== --\u003e\n\u003cdiv class=\"simple-slider\"\u003e\n\n\u003cdiv id=\"sliderContainer\" class=\"slider-container\"\u003e\n\n\u003cdiv class=\"fixed-dots-container\"\u003e\n\n \u003cbutton data-slide=\"0\" class=\"dot active\"\u003e1\u003c\/button\u003e \u003cbutton data-slide=\"1\" class=\"dot\"\u003e2\u003c\/button\u003e \n\n\u003c\/div\u003e\n\n\u003cdiv id=\"slidesWrapper\" class=\"slides-wrapper\"\u003e\n\n\u003cdiv class=\"slide\"\u003e\n\n\u003cdiv class=\"content\"\u003e\n\n\u003cdiv class=\"icon-text\"\u003e\n\n\u003cdiv class=\"icon\"\u003e\u003cimg height=\"55\" width=\"55\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/8f750c63b861e2688b6144aa16a7efbd.png?v=1767076394\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"text\"\u003e\n\n\u003cp\u003e ICH：【漆葫蘆】\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"benefits\"\u003e\n\n\u003cp\u003e\u003cstrong\u003e關鍵要素\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e緩解焦慮\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"slide\"\u003e\n\n\u003cdiv class=\"content\"\u003e\n\n\u003cdiv class=\"icon-text\"\u003e\n\n\u003cdiv class=\"icon\"\u003e\u003cimg height=\"65\" width=\"65\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/f8b2923bcab006e21bb0290a3b462bec.png?v=1766912760\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"text\"\u003e\n\n \u003cp\u003e何香珠\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"benefits\"\u003e\n\n\u003cp\u003e\u003cstrong\u003e主要優勢\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e平衡情緒\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- ========== End Slider Section ========== --\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003c\/p\u003e\n\n\u003c!-- ========== Tabs Section ========== --\u003e\n\u003cdiv class=\"product__block product__block--tabs tabs-wrapper block-padding\" style=\"--block-padding-bottom: 0px;\"\u003e\n\n\u003cul class=\"tabs product-tabs-title\" data-scrollbar=\"\" data-scrollbar-slider=\"\"\u003e\n\n\u003cli class=\"tab-link tab-link-0 current\" data-tab=\"0\" data-attributes-placeholder=\"\" tabindex=\"0\"\u003e\u003cspan\u003e描述\u003c\/span\u003e\u003c\/li\u003e\n\n\u003cli class=\"tab-link tab-link-1\" data-tab=\"1\" tabindex=\"0\"\u003e\u003cspan\u003e尖端\u003c\/span\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\u003cbutton type=\"button\" class=\"tabs__arrow tabs__arrow--prev product-tabs__arrow product-tabs__arrow--prev is-hidden\" data-scrollbar-arrow-prev=\"\"\u003e\u003csvg aria-hidden=\"true\" role=\"presentation\" class=\"icon icon-nav-arrow-left\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"m15 6-6 6 6 6\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003cspan class=\"visually-hidden\"\u003e看全部\u003c\/span\u003e\u003c\/button\u003e\u003cbutton type=\"button\" class=\"tabs__arrow tabs__arrow--next product-tabs__arrow product-tabs__arrow--next is-hidden\" data-scrollbar-arrow-next=\"\"\u003e\u003csvg aria-hidden=\"true\" role=\"presentation\" class=\"icon icon-nav-arrow-right\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"m9 6 6 6-6 6\" stroke=\"#000\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003cspan class=\"visually-hidden\"\u003e看全部\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"tab-content tab-content-0 current rte\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\n\u003cp class=\"p\"\u003e\u003cstrong\u003e核心目標族群：高壓專業人士、睡眠品質不佳的人、體內濕氣較重的人。\u003c\/strong\u003e\u003c\/p\u003e\n\n \u003cp\u003e\u003cstrong\u003e這款傳統中式手鍊，是撫慰日常瑣碎煩惱的貼心伴侶。天然芬芳的和香竹，能溫和舒緩焦慮煩躁的神經，幫助您放下情緒負擔。搭配清澈透亮的藍綠色亞馬遜石，不僅能平復內心的躁動，改善壓力導致的睡眠不足，更能帶來清澈的心靈。鑲嵌的非物質文化遺產手工漆葫蘆，不僅蘊含著“福氣與你同在”的美好祝愿，更呼應了祛濕養生的輕盈需求，悄然緩解小腹帶來的不適。三者巧妙融合，使其兼具飾品與便攜療癒功能，適合日常通勤和休閒場合佩戴。\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton type=\"button\" class=\"caps--link\"\u003e\u003cspan\u003e閱讀更多\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"tab-content tab-content-1 rte\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis\"\u003e\n\n\u003cdiv class=\"toggle-ellipsis__content\"\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e\u003cstrong\u003e手動測量可能存在輕微誤差—感謝您的理解！\u003c\/strong\u003e\u003c\/li\u003e\n\n \u003cli\u003e\u003cstrong\u003e這些純手工製作的天然產品可能會有一些細微瑕疵。光線也可能導致實物與照片略有色差。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e正常配戴情況下，香味可持續1-2個月。若香味變淡，將香珠密封2-3天即可恢復香味，無需再添加香水。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e所有水晶均由天然原礦打磨而成，不經過染色或樹脂注入，確保品質。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e這些香珠採用天然草本材料製成，不含化學黏合劑，適合敏感肌膚使用。如有任何不適，請停止使用並聯絡客服。\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e對於非品質問題導致的免運費商品退貨，買家需承擔退貨運費。\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"toggle-ellipsis__actions\"\u003e\u003cbutton type=\"button\" class=\"caps--link\"\u003e\u003cspan\u003e閱讀更多\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\u003cstrong\u003e\u003cstrong\u003e \u003c\/strong\u003e\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\u003cp\u003e\u003cstrong\u003e\u003cstrong\u003e\u003c!-- ========== End Tabs Section ========== --\u003e\u003cscript\u003e\n \/\/ ========== Slider Functionality ==========\n document.addEventListener('DOMContentLoaded', function() {\n const sliderContainer = document.getElementById('sliderContainer');\n const slidesWrapper = document.getElementById('slidesWrapper');\n const slides = document.querySelectorAll('.slide');\n const dots = document.querySelectorAll('.dot');\n let currentSlide = 0;\n const totalSlides = slides.length;\n \n let isDragging = false;\n let startX = 0;\n let currentX = 0;\n let initialTransform = 0;\n let animationId = 0;\n\n function updateSlider() {\n const translateX = -currentSlide * 100;\n slidesWrapper.style.transform = `translateX(${translateX}%)`;\n \n dots.forEach((dot, index) =\u003e {\n const wasActive = dot.classList.contains('active');\n const isActive = index === currentSlide;\n \n if (wasActive !== isActive) {\n setTimeout(() =\u003e {\n dot.classList.toggle('active', isActive);\n }, index * 50); \n } else {\n dot.classList.toggle('active', isActive);\n }\n });\n \n slides.forEach((slide, index) =\u003e {\n if (index === currentSlide) {\n slide.style.opacity = '1';\n slide.style.transform = 'scale(1)';\n } else {\n slide.style.opacity = '0.8';\n slide.style.transform = 'scale(0.98)';\n }\n });\n }\n\n function showSlide(index) {\n currentSlide = index;\n if (currentSlide \u003c 0) currentSlide = totalSlides - 1;\n if (currentSlide \u003e= totalSlides) currentSlide = 0;\n updateSlider();\n }\n\n dots.forEach((dot, index) =\u003e {\n dot.addEventListener('click', () =\u003e {\n showSlide(index);\n });\n });\n \n sliderContainer.addEventListener('mousedown', startDrag);\n sliderContainer.addEventListener('mousemove', drag);\n sliderContainer.addEventListener('mouseup', endDrag);\n sliderContainer.addEventListener('mouseleave', endDrag);\n\n sliderContainer.addEventListener('touchstart', startDrag, { passive: false });\n sliderContainer.addEventListener('touchmove', drag, { passive: false });\n sliderContainer.addEventListener('touchend', endDrag);\n\n function startDrag(e) {\n isDragging = true;\n startX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n initialTransform = -currentSlide * 100;\n slidesWrapper.style.transition = 'none';\n \n if (animationId) {\n cancelAnimationFrame(animationId);\n }\n }\n\n function drag(e) {\n if (!isDragging) return;\n \n e.preventDefault();\n currentX = e.type.includes('mouse') ? e.clientX : e.touches[0].clientX;\n const deltaX = currentX - startX;\n const dragPercentage = (deltaX \/ sliderContainer.offsetWidth) * 100;\n const newTransform = initialTransform + dragPercentage;\n \n slidesWrapper.style.transform = `translateX(${newTransform}%)`;\n }\n\n function endDrag(e) {\n if (!isDragging) return;\n \n isDragging = false;\n slidesWrapper.style.transition = 'transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n \n const deltaX = currentX - startX;\n const threshold = sliderContainer.offsetWidth * 0.15; \n \n if (Math.abs(deltaX) \u003e threshold) {\n if (deltaX \u003e 0) {\n showSlide(currentSlide - 1);\n } else {\n showSlide(currentSlide + 1);\n }\n } else {\n updateSlider();\n }\n }\n\n sliderContainer.addEventListener('dragstart', (e) =\u003e {\n e.preventDefault();\n });\n\n setInterval(() =\u003e {\n if (!isDragging) {\n showSlide(currentSlide + 1);\n }\n }, 5000);\n });\n\n \/\/ ========== Tab Functionality ==========\n document.addEventListener('DOMContentLoaded', function() {\n const tabLinks = document.querySelectorAll('.tab-link');\n const tabContents = document.querySelectorAll('.tab-content');\n\n function showTab(index) {\n tabContents.forEach(content =\u003e content.classList.remove('current'));\n tabLinks.forEach(link =\u003e link.classList.remove('current'));\n \n tabContents[index].classList.add('current');\n tabLinks[index].classList.add('current');\n }\n\n tabLinks.forEach((link, index) =\u003e {\n link.addEventListener('click', () =\u003e {\n showTab(index);\n });\n });\n });\n\n \/\/ ========== Expand\/Collapse Functionality ==========\n document.addEventListener('DOMContentLoaded', function() {\n const toggleButtons = document.querySelectorAll('.caps--link');\n \n toggleButtons.forEach(button =\u003e {\n button.addEventListener('click', function() {\n const toggleContainer = this.closest('.toggle-ellipsis');\n const content = toggleContainer.querySelector('.toggle-ellipsis__content');\n const buttonText = this.querySelector('span');\n \n if (toggleContainer.classList.contains('expanded')) {\n toggleContainer.classList.remove('expanded');\n content.style.maxHeight = '175px';\n buttonText.textContent = 'Read More';\n } else {\n toggleContainer.classList.add('expanded');\n content.style.maxHeight = content.scrollHeight + 'px';\n buttonText.textContent = 'Show Less';\n }\n });\n });\n });\n\u003c\/script\u003e\u003c\/strong\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\n\u003c!-- Products Introduction 四列展示区块 开始 --\u003e\n\u003cstyle\u003e\n .products-intro-section {\n width: 100%;\n margin: 0;\n background: #fff;\n }\n .products-intro-title {\n font-size: 2.8rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 700;\n margin-bottom: 36px;\n text-align: left;\n margin-left: 8vw;\n letter-spacing: 0.01em;\n }\n .products-intro-list {\n display: flex;\n justify-content: center;\n gap: 0 36px;\n max-width: 1200px;\n margin: 0 auto;\n }\n .products-intro-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 280px;\n }\n .products-intro-img {\n width: 100px;\n height: 100px;\n object-fit: contain;\n margin-bottom: 20px;\n margin-top: 12px;\n }\n .products-intro-name {\n font-size: 1.8rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 600;\n margin-bottom: 18px;\n text-align: center;\n letter-spacing: 0.01em;\n }\n .products-intro-desc {\n list-style: disc inside;\n text-align: center;\n font-size: 1.6rem;\n color: #222;\n margin: 0;\n padding: 0;\n width: 100%;\n display: inline-block;\n }\n .products-intro-desc li {\n margin-bottom: 12px;\n line-height: 1.5;\n word-break: break-word;\n padding-left: 0;\n text-indent: 0;\n display: list-item;\n }\n \n @media (max-width: 900px) and (min-width: 600px) {\n .products-intro-title {\n margin-left: 0;\n text-align: center;\n }\n .products-intro-list {\n flex-wrap: wrap;\n gap: 24px;\n justify-content: center;\n }\n .products-intro-item {\n width: calc(50% - 12px);\n max-width: 320px;\n }\n }\n \n @media (max-width: 599px) {\n .products-intro-title {\n margin-left: 0;\n text-align: center;\n font-size: 2.0rem;\n margin-bottom: 20px;\n }\n .products-intro-list {\n gap: 16px;\n justify-content: center;\n padding: 0 12px;\n }\n .products-intro-item {\n width: calc(50% - 8px);\n max-width: 180px;\n }\n .products-intro-img {\n width: 60px;\n height: 60px;\n margin-bottom: 10px;\n margin-top: 6px;\n }\n .products-intro-name {\n font-size: 1.4rem;\n margin-bottom: 8px;\n }\n .products-intro-desc {\n font-size: 1.6rem;\n }\n .products-intro-desc li {\n margin-bottom: 8px;\n line-height: 1.4;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 480px) {\n .products-intro-title {\n font-size: 1.8rem;\n margin-bottom: 16px;\n }\n .products-intro-list {\n gap: 12px;\n padding: 0 8px;\n }\n .products-intro-item {\n width: calc(50% - 6px);\n max-width: 150px;\n }\n .products-intro-img {\n width: 80px;\n height: 50px;\n margin-bottom: 8px;\n margin-top: 4px;\n }\n .products-intro-name {\n font-size: 2.5rem;\n margin-bottom: 6px;\n }\n .products-intro-desc {\n font-size: 1.4rem;\n }\n .products-intro-desc li {\n margin-bottom: 6px;\n line-height: 1.3;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 360px) {\n .products-intro-title {\n font-size: 1.6rem;\n margin-bottom: 12px;\n }\n .products-intro-list {\n gap: 8px;\n padding: 0 6px;\n }\n .products-intro-item {\n width: calc(50% - 4px);\n max-width: 130px;\n }\n .products-intro-img {\n width: 40px;\n height: 40px;\n margin-bottom: 6px;\n margin-top: 2px;\n }\n .products-intro-name {\n font-size: 1.1rem;\n margin-bottom: 4px;\n }\n .products-intro-desc {\n font-size: 1.2rem;\n }\n .products-intro-desc li {\n margin-bottom: 4px;\n line-height: 1.2;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"products-intro-section\"\u003e\n\n\u003cdiv class=\"products-intro-title\"\u003e產品介紹\u003c\/div\u003e\n\n\u003cdiv class=\"products-intro-list\"\u003e\n\n\u003cdiv class=\"products-intro-item\"\u003e\n\n\u003cimg alt=\"尺寸\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/2_0de5d2c0-0ef0-4aca-89a1-f4848a85140a.jpg?v=1753257593\" class=\"products-intro-img\"\u003e\n\u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003e尺寸\u003c\/strong\u003e\u003c\/div\u003e\n\n\u003cul class=\"products-intro-desc\"\u003e\n\n\u003cli\u003e\u003cstrong\u003e珠子直徑 12 毫米\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"products-intro-item\"\u003e\n\n\u003cimg alt=\"脈輪\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/3_c7d6aa2e-bb7b-4874-abe7-d7cf5031d27b.jpg?v=1753257593\" class=\"products-intro-img\"\u003e\n \u003cdiv class=\"products-intro-name\"\u003e\u003cstrong\u003e關心\u003c\/strong\u003e\u003c\/div\u003e\n\n\u003cul class=\"products-intro-desc\"\u003e\n\n\u003cli\u003e\u003cstrong\u003e乾涼無化學成分\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Products Introduction 四列展示区块 结束 --\u003e\n\u003cp\u003e\u003c\/p\u003e\n\n\u003c!-- 分割线 --\u003e\u003chr style=\"\/* width: 80%; *\/height: 2px; background-color: #cccccc; border: none; \/* margin: 60px auto; *\/border-radius: 2px; margin-bottom: 10px; margin-top: 10px;\"\u003e\n\u003c!-- Key Energy 三列展示区块 开始 --\u003e\n\u003cstyle\u003e\n .key-energy-section {\n width: 100%;\n margin: 0;\n background: #fff;\n }\n .key-energy-title {\n font-size: 3.2rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 700;\n margin-bottom: 40px;\n text-align: left;\n margin-left: 8vw;\n letter-spacing: 0.01em;\n }\n .key-energy-list {\n display: flex;\n justify-content: center;\n gap: 0 80px;\n max-width: 800px;\n margin: 0 auto;\n }\n .key-energy-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 320px;\n }\n .key-energy-img {\n width: 140px;\n height: 140px;\n object-fit: contain;\n margin-bottom: 20px;\n margin-top: 16px;\n }\n .key-energy-name {\n font-size: 1.8rem;\n font-family: 'Times New Roman', Times, serif;\n font-weight: 600;\n margin-bottom: 18px;\n text-align: center;\n letter-spacing: 0.01em;\n }\n .key-energy-desc {\n list-style: disc inside;\n text-align: center;\n font-size: 1.5rem;\n color: #222;\n margin: 0;\n padding: 0;\n width: 100%;\n display: inline-block;\n }\n .key-energy-desc li {\n margin-bottom: 10px;\n line-height: 1.6;\n word-break: break-word;\n padding-left: 0;\n text-indent: 0;\n display: list-item;\n }\n \n @media (max-width: 900px) and (min-width: 600px) {\n .key-energy-title {\n margin-left: 0;\n text-align: center;\n font-size: 2.4rem;\n font-weight: 700;\n }\n .key-energy-list {\n flex-wrap: wrap;\n gap: 24px;\n justify-content: center;\n }\n .key-energy-item {\n width: calc(50% - 12px);\n max-width: 350px;\n }\n }\n \n @media (max-width: 599px) {\n .key-energy-title {\n margin-left: 0;\n text-align: center;\n font-size: 2.0rem;\n font-weight: 700;\n margin-bottom: 16px;\n }\n .key-energy-list {\n gap: 14px;\n justify-content: center;\n padding: 0 8px;\n }\n .key-energy-item {\n width: calc(50% - 7px);\n max-width: 180px;\n }\n .key-energy-img {\n width: 90px;\n height: 90px;\n margin-bottom: 12px;\n margin-top: 8px;\n }\n .key-energy-name {\n font-size: 1.5rem;\n font-weight: 600;\n margin-bottom: 10px;\n }\n .key-energy-desc {\n font-size: 1.6rem;\n font-weight: 500;\n list-style: none;\n }\n .key-energy-desc li {\n margin-bottom: 8px;\n line-height: 1.4;\n padding-left: 0;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 480px) {\n .key-energy-title {\n font-size: 1.8rem;\n font-weight: 700;\n margin-bottom: 12px;\n }\n .key-energy-list {\n gap: 12px;\n padding: 0 6px;\n justify-content: center;\n }\n .key-energy-item {\n width: calc(50% - 6px);\n max-width: 160px;\n }\n .key-energy-img {\n width: 80px;\n height: 80px;\n margin-bottom: 10px;\n margin-top: 6px;\n }\n .key-energy-name {\n font-size: 2.5rem;\n font-weight: 600;\n margin-bottom: 8px;\n }\n .key-energy-desc {\n font-size: 1.4rem;\n font-weight: 500;\n list-style: none;\n }\n .key-energy-desc li {\n margin-bottom: 6px;\n line-height: 1.3;\n padding-left: 0;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \n @media (max-width: 360px) {\n .key-energy-title {\n font-size: 1.6rem;\n font-weight: 700;\n margin-bottom: 10px;\n }\n .key-energy-list {\n gap: 8px;\n padding: 0 6px;\n justify-content: center;\n }\n .key-energy-item {\n width: calc(50% - 4px);\n max-width: 120px;\n }\n .key-energy-img {\n width: 70px;\n height: 70px;\n margin-bottom: 8px;\n margin-top: 4px;\n }\n .key-energy-name {\n font-size: 1.2rem;\n font-weight: 600;\n margin-bottom: 6px;\n }\n .key-energy-desc {\n font-size: 1.2rem;\n font-weight: 500;\n list-style: none;\n }\n .key-energy-desc li {\n margin-bottom: 4px;\n line-height: 1.2;\n padding-left: 0;\n white-space: normal;\n word-break: normal;\n text-align: center;\n }\n }\n \u003c\/style\u003e\n\u003cdiv class=\"key-energy-section\"\u003e\n\n\u003cdiv class=\"key-energy-title\"\u003e關鍵能源\u003c\/div\u003e\n\n\u003cdiv class=\"key-energy-list\"\u003e\n\n\u003cdiv class=\"key-energy-item\"\u003e\n\n\u003cimg class=\"key-energy-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/28a1aa89d9afa13f1fd438d72ca19417.png?v=1764950979\" alt=\"茶晶\"\u003e\n\u003cdiv class=\"key-energy-name\"\u003e\u003cstrong\u003e亞馬遜石\u003c\/strong\u003e\u003c\/div\u003e\n\n\u003cul class=\"key-energy-desc\"\u003e\n\n\u003cli\u003e\u003cstrong\u003e鎮靜\u003c\/strong\u003e\u003c\/li\u003e\n\n\u003cli\u003e\u003cstrong\u003e雄辯與平衡\u003c\/strong\u003e\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Key Energy 三列展示区块 结束 --\u003e","brand":"FateGemz","offers":[{"title":"S","offer_id":52536733040954,"sku":"Gourd-Amazonite-S","price":49.0,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":52536733073722,"sku":"Gourd-Amazonite-M","price":49.0,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":52536733106490,"sku":"Gourd-Amazonite-L","price":49.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/files\/refreshing-fortune-amazonite-hexiangzhu-bracelet-1438128.png?v=1767043927"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/5511\/3786\/collections\/lacquer-fortune-gourd-1096894.jpg?v=1767704592","url":"https:\/\/fategemz.com\/zh-hant\/collections\/lacquer-fortune-gourd.oembed","provider":"FateGemz","version":"1.0","type":"link"}