{"product_id":"loose-fit-v-neck-long-sleeve-button-shirt-top","title":"Loose fit v neck long sleeve button shirt top","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes\"\u003e\n    \u003ctitle\u003e手风琴组件 - 宽松长袖上衣\u003c\/title\u003e\n    \u003cstyle\u003e\n        \/* 基础样式 - 确保宽度自适应、无溢出，兼容所有主题 *\/\n        .product-accordion {\n            width: 100% !important;\n            max-width: 100% !important;\n            margin: 0 !important;\n            padding: 0 !important;\n            font-family: inherit;\n            color: #1f1f1f;\n            box-sizing: border-box;\n        }\n        .product-accordion * {\n            box-sizing: border-box;\n        }\n        .pa-item {\n            border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n        }\n        .pa-trigger {\n            width: 100%;\n            background: transparent;\n            border: 0;\n            padding: 18px 0;\n            margin: 0;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            text-align: left;\n            color: #111;\n            font-weight: normal;\n            appearance: none;\n            -webkit-tap-highlight-color: transparent;\n        }\n        .pa-title {\n            font-size: 15px;\n            font-weight: 600;\n            letter-spacing: 0.2px;\n            line-height: 1.4;\n            flex: 1;\n            padding-right: 12px;\n        }\n        .pa-icon {\n            width: 20px;\n            height: 20px;\n            flex: 0 0 20px;\n            color: #777;\n            transition: transform 0.28s ease, color 0.2s;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n        }\n        .pa-icon svg {\n            width: 18px;\n            height: 18px;\n            display: block;\n            transition: inherit;\n        }\n        .pa-item.active .pa-icon {\n            transform: rotate(90deg);\n            color: #111;\n        }\n        .pa-trigger:hover .pa-title,\n        .pa-trigger:hover .pa-icon {\n            color: #000;\n        }\n        .pa-panel {\n            display: none;\n            overflow: hidden;\n        }\n        .pa-item.active .pa-panel {\n            display: block;\n        }\n        .pa-content {\n            padding: 0 0 18px 0;\n            color: #555;\n            font-size: 14px;\n            line-height: 1.9;\n        }\n        .pa-content ul {\n            margin: 0;\n            padding-left: 20px;\n        }\n        .pa-content li {\n            margin-bottom: 8px;\n        }\n        .pa-content p {\n            margin: 0 0 12px;\n        }\n        .pa-size-image {\n            display: block;\n            max-width: 100%;\n            height: auto;\n            margin-top: 12px;\n            border: 1px solid #eee;\n            border-radius: 4px;\n        }\n        \/* 移动端优化 *\/\n        @media (max-width: 749px) {\n            .pa-trigger { padding: 16px 0; }\n            .pa-title { font-size: 14px; }\n            .pa-content { font-size: 13px; padding-bottom: 16px; }\n            .pa-icon, .pa-icon svg { width: 16px; height: 16px; }\n        }\n    \u003c\/style\u003e\n\n\n\u003c!-- \n  手风琴组件 - 增强交互版（已修复展开\/折叠问题）\n  采用全局事件委托，100%可靠响应点击，支持动态加载内容\n  内容已替换为宽松长袖上衣（100%棉，V领纽扣门襟）\n--\u003e\n\u003cdiv id=\"simpleAccordion\" class=\"product-accordion\"\u003e\n    \u003c!-- 1. Product Details（默认展开） --\u003e\n    \u003cdiv class=\"pa-item active\"\u003e\n        \u003cbutton type=\"button\" class=\"pa-trigger\"\u003e\n            \u003cspan class=\"pa-title\"\u003eProduct Details\u003c\/span\u003e\n            \u003cspan class=\"pa-icon\"\u003e\n                \u003csvg fill=\"none\" viewbox=\"0 0 20 20\" aria-hidden=\"true\"\u003e\n                    \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"currentColor\" d=\"M7 4L13 10L7 16\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\n            \u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"pa-panel\"\u003e\n            \u003cdiv class=\"pa-content\"\u003e\n                \u003cul\u003e\n                    \u003cli\u003eWomen’s loose fit long sleeve top designed with a relaxed and effortless silhouette\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 2. Design Highlights --\u003e\n    \u003cdiv class=\"pa-item\"\u003e\n        \u003cbutton type=\"button\" class=\"pa-trigger\"\u003e\n            \u003cspan class=\"pa-title\"\u003eDesign Highlights\u003c\/span\u003e\n            \u003cspan class=\"pa-icon\"\u003e\n                \u003csvg fill=\"none\" viewbox=\"0 0 20 20\" aria-hidden=\"true\"\u003e\n                    \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"currentColor\" d=\"M7 4L13 10L7 16\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\n            \u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"pa-panel\"\u003e\n            \u003cdiv class=\"pa-content\"\u003e\n                \u003cul\u003e\n                    \u003cli\u003eV-neck with button placket creates a flattering neckline\u003c\/li\u003e\n                    \u003cli\u003eLoose fit cut offers comfort and a laid-back look\u003c\/li\u003e\n                    \u003cli\u003eSlightly curved hem adds softness to the overall shape\u003c\/li\u003e\n                    \u003cli\u003eMinimalist design makes it easy to match with various outfits\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 3. Fabric \u0026 Material --\u003e\n    \u003cdiv class=\"pa-item\"\u003e\n        \u003cbutton type=\"button\" class=\"pa-trigger\"\u003e\n            \u003cspan class=\"pa-title\"\u003eFabric \u0026amp; Material\u003c\/span\u003e\n            \u003cspan class=\"pa-icon\"\u003e\n                \u003csvg fill=\"none\" viewbox=\"0 0 20 20\" aria-hidden=\"true\"\u003e\n                    \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"currentColor\" d=\"M7 4L13 10L7 16\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\n            \u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"pa-panel\"\u003e\n            \u003cdiv class=\"pa-content\"\u003e\n                \u003cul\u003e\n                    \u003cli\u003eMade from 100% cotton for a soft and breathable feel\u003c\/li\u003e\n                    \u003cli\u003eLightweight and comfortable for all-day wear\u003c\/li\u003e\n                    \u003cli\u003eSmooth texture with a natural drape and stable shape retention\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 4. Occasion --\u003e\n    \u003cdiv class=\"pa-item\"\u003e\n        \u003cbutton type=\"button\" class=\"pa-trigger\"\u003e\n            \u003cspan class=\"pa-title\"\u003eOccasion\u003c\/span\u003e\n            \u003cspan class=\"pa-icon\"\u003e\n                \u003csvg fill=\"none\" viewbox=\"0 0 20 20\" aria-hidden=\"true\"\u003e\n                    \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"currentColor\" d=\"M7 4L13 10L7 16\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\n            \u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"pa-panel\"\u003e\n            \u003cdiv class=\"pa-content\"\u003e\n                \u003cul\u003e\n                    \u003cli\u003ePerfect for daily wear, casual outings, travel, and relaxed styling\u003c\/li\u003e\n                    \u003cli\u003eEasy to pair with wide-leg pants, skirts, or denim\u003c\/li\u003e\n                    \u003cli\u003eSuitable for layering or wearing alone\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 5. Size Information（尺码图片已更新） --\u003e\n    \u003cdiv class=\"pa-item\"\u003e\n        \u003cbutton type=\"button\" class=\"pa-trigger\"\u003e\n            \u003cspan class=\"pa-title\"\u003eSize Information\u003c\/span\u003e\n            \u003cspan class=\"pa-icon\"\u003e\n                \u003csvg fill=\"none\" viewbox=\"0 0 20 20\" aria-hidden=\"true\"\u003e\n                    \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"currentColor\" d=\"M7 4L13 10L7 16\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\n            \u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"pa-panel\"\u003e\n            \u003cdiv class=\"pa-content\"\u003e\n                \u003cp\u003ePlease refer to the size chart for accurate fitting. For a more relaxed look, consider choosing one size up.\u003c\/p\u003e\n                \u003cimg loading=\"lazy\" class=\"pa-size-image\" alt=\"Size Chart\" src=\"https:\/\/risedelyn.com\/cdn\/shop\/files\/1.png?v=1776515715\u0026amp;width=1417\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 6. Wholesale Information --\u003e\n    \u003cdiv class=\"pa-item\"\u003e\n        \u003cbutton type=\"button\" class=\"pa-trigger\"\u003e\n            \u003cspan class=\"pa-title\"\u003eWholesale Information\u003c\/span\u003e\n            \u003cspan class=\"pa-icon\"\u003e\n                \u003csvg fill=\"none\" viewbox=\"0 0 20 20\" aria-hidden=\"true\"\u003e\n                    \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"currentColor\" d=\"M7 4L13 10L7 16\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\n            \u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"pa-panel\"\u003e\n            \u003cdiv class=\"pa-content\"\u003e\n                \u003cul\u003e\n                    \u003cli\u003eNo minimum order quantity required\u003c\/li\u003e\n                    \u003cli\u003eSupports dropshipping and mixed orders\u003c\/li\u003e\n                    \u003cli\u003eCustom branding and packaging available\u003c\/li\u003e\n                    \u003cli\u003eContact us for bulk pricing and customization details\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 手风琴核心交互脚本 - 使用全局事件委托，确保在任何环境下（包括Shopify动态加载）均能正常展开\/折叠 --\u003e\n\u003cscript\u003e\n    (function() {\n        \/\/ 确保DOM完全加载后再绑定事件（如果脚本放在底部，DOM已存在，但为了兼容异步情况，使用DOMContentLoaded）\n        function initAccordion() {\n            \/\/ 采用事件委托监听整个文档，支持动态添加的手风琴组件，且避免多实例冲突\n            \/\/ 通过检查点击目标是否在 .pa-trigger 内，实现精准控制\n            document.addEventListener('click', function(event) {\n                \/\/ 获取实际点击的触发器按钮（兼容点击内部span或svg的情况）\n                const trigger = event.target.closest('.pa-trigger');\n                if (!trigger) return; \/\/ 点击的不是触发器，忽略\n                \n                \/\/ 获取当前触发器所在的整个手风琴容器（.product-accordion）\n                const accordionContainer = trigger.closest('.product-accordion');\n                if (!accordionContainer) return;\n                \n                \/\/ 获取当前触发器所属的 .pa-item 项\n                const currentItem = trigger.closest('.pa-item');\n                if (!currentItem) return;\n                \n                \/\/ 判断当前项是否已展开（是否包含active类）\n                const isExpanded = currentItem.classList.contains('active');\n                \n                \/\/ 手风琴模式：通常一次只展开一个面板，但支持点击当前项可折叠（完全关闭）\n                \/\/ 若当前项已展开 -\u003e 折叠它（移除active）\n                if (isExpanded) {\n                    currentItem.classList.remove('active');\n                } else {\n                    \/\/ 当前项未展开 -\u003e 先关闭当前容器下所有其他展开项，再展开当前项\n                    const allItems = accordionContainer.querySelectorAll('.pa-item');\n                    allItems.forEach(item =\u003e {\n                        item.classList.remove('active');\n                    });\n                    currentItem.classList.add('active');\n                }\n                \n                \/\/ 可选：阻止事件冒泡到父级，避免意外干扰（通常无必要，但保留无害）\n                \/\/ event.stopPropagation(); \/\/ 谨慎使用，可能会影响页面其他点击，注释掉保持兼容\n            });\n        }\n        \n        \/\/ 如果页面已经加载完成则直接执行，否则等待DOMContentLoaded\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', initAccordion);\n        } else {\n            initAccordion();\n        }\n    })();\n\u003c\/script\u003e\n\n\u003c!-- 附加说明：优化后完全解决无法展开的问题，且增强了对动态内容、多实例的兼容性 --\u003e\n\n\u003c\/body\u003e","brand":"Z4576","offers":[{"title":"Grey \/ F","offer_id":43984443342936,"sku":"XM-Z4576-Grey-F","price":25.8,"currency_code":"USD","in_stock":true},{"title":"White \/ F","offer_id":43984443375704,"sku":"XM-Z4576-White-F","price":25.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/8652\/1176\/files\/SKU-01-_1_d5602964-5dd2-4bdd-adfc-3f58cb51b02f.jpg?v=1775997754","url":"https:\/\/risedelyn.com\/products\/loose-fit-v-neck-long-sleeve-button-shirt-top","provider":"Risedelyn","version":"1.0","type":"link"}