{"product_id":"pacsun-mens-gray-johnny-fleece-sweatpants-1732353265015231130","title":"👻Pacsun Men's Gray Johnny Fleece Sweatpants","description":"\u003c!-- Shopify 商业级多功能详情面板（含交互折叠与响应式尺码表） --\u003e\n\u003cdiv class=\"shopify-custom-details-wrapper\"\u003e\n  \u003ch2 class=\"main-product-title\"\u003eAbout this product\u003c\/h2\u003e\n\n  \u003c!-- 1. Highlights 折叠项 --\u003e\n  \u003cdiv class=\"accordion-item active\"\u003e\n    \u003cbutton class=\"accordion-header\" onclick=\"toggleAccordion(this)\"\u003e\n      \u003cspan\u003eHighlights\u003c\/span\u003e\n      \u003csvg class=\"chevron-icon\" viewbox=\"0 0 48 48\" xmlns=\"http:\/\/w3.org\"\u003e\u003cpath d=\"m24 19.25 13.67 13.67a1 1 0 0 0 1.41 0l1.84-1.84a1 1 0 0 0 0-1.41L24.71 13.46a1 1 0 0 0-1.42 0L7.1 29.66a1 1 0 0 0 0 1.42l1.83 1.84a1 1 0 0 0 1.41 0L24 19.25Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n    \u003c\/button\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cdiv class=\"content-inner\"\u003e\n        \u003cul class=\"highlights-list\"\u003e\n          \u003cli\u003eSoft fleece lining for added comfort\u003c\/li\u003e\n          \u003cli\u003eRelaxed fit designed for all-day wear\u003c\/li\u003e\n          \u003cli\u003eDrawstring waistband for an adjustable fit\u003c\/li\u003e\n          \u003cli\u003eSide hand pockets for everyday convenience\u003c\/li\u003e\n          \u003cli\u003e60% sustainably sourced cotton and machine washable\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 2. Size Guide 折叠项 --\u003e\n  \u003cdiv class=\"accordion-item\"\u003e\n    \u003cbutton class=\"accordion-header\" onclick=\"toggleAccordion(this)\"\u003e\n      \u003cspan\u003eSize Guide\u003c\/span\u003e\n      \u003csvg class=\"chevron-icon\" viewbox=\"0 0 48 48\" xmlns=\"http:\/\/w3.org\"\u003e\u003cpath d=\"m24 19.25 13.67 13.67a1 1 0 0 0 1.41 0l1.84-1.84a1 1 0 0 0 0-1.41L24.71 13.46a1 1 0 0 0-1.42 0L7.1 29.66a1 1 0 0 0 0 1.42l1.83 1.84a1 1 0 0 0 1.41 0L24 19.25Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n    \u003c\/button\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cdiv class=\"content-inner\"\u003e\n        \u003cdiv class=\"size-chart-container\"\u003e\n          \u003cdiv class=\"size-chart-badge\"\u003e\n            \u003cstrong\u003eSize type:\u003c\/strong\u003e Regular\n            \u003cspan class=\"sub-badge\"\u003eBody measurement (inches)\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003c!-- 移动端可横向滚动的表格包装层 --\u003e\n          \u003cdiv class=\"table-responsive-wrapper\"\u003e\n            \u003ctable class=\"size-chart-table\"\u003e\n              \u003cthead\u003e\n                \u003ctr\u003e\n                  \u003cth\u003eSize\u003c\/th\u003e\n                  \u003cth\u003eWaist\u003c\/th\u003e\n                  \u003cth\u003eHips\u003c\/th\u003e\n                \u003c\/tr\u003e\n              \u003c\/thead\u003e\n              \u003ctbody\u003e\n                \u003ctr\u003e\n                  \u003ctd class=\"size-label\"\u003eS\u003c\/td\u003e\n                  \u003ctd\u003e27-29\u003c\/td\u003e\n                  \u003ctd\u003e30\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd class=\"size-label\"\u003eM\u003c\/td\u003e\n                  \u003ctd\u003e30-32\u003c\/td\u003e\n                  \u003ctd\u003e30-32\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd class=\"size-label\"\u003eL\u003c\/td\u003e\n                  \u003ctd\u003e33-35\u003c\/td\u003e\n                  \u003ctd\u003e32-34\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd class=\"size-label\"\u003eXL\u003c\/td\u003e\n                  \u003ctd\u003e36-38\u003c\/td\u003e\n                  \u003ctd\u003e32-34\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd class=\"size-label\"\u003eXXL\u003c\/td\u003e\n                  \u003ctd\u003e40-42\u003c\/td\u003e\n                  \u003ctd\u003e32-34\u003c\/td\u003e\n                \u003c\/tr\u003e\n              \u003c\/tbody\u003e\n            \u003c\/table\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 3. Details 属性折叠项 --\u003e\n  \u003cdiv class=\"accordion-item\"\u003e\n    \u003cbutton class=\"accordion-header\" onclick=\"toggleAccordion(this)\"\u003e\n      \u003cspan\u003eDetails\u003c\/span\u003e\n      \u003csvg class=\"chevron-icon\" viewbox=\"0 0 48 48\" xmlns=\"http:\/\/w3.org\"\u003e\u003cpath d=\"m24 19.25 13.67 13.67a1 1 0 0 0 1.41 0l1.84-1.84a1 1 0 0 0 0-1.41L24.71 13.46a1 1 0 0 0-1.42 0L7.1 29.66a1 1 0 0 0 0 1.42l1.83 1.84a1 1 0 0 0 1.41 0L24 19.25Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n    \u003c\/button\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cdiv class=\"content-inner\"\u003e\n        \u003cdiv class=\"details-box\"\u003e\n          \u003ctable class=\"details-table\"\u003e\n            \u003ctbody\u003e\n              \u003ctr\u003e\n                \u003ctd class=\"attr-name\"\u003eDangerous goods or hazardous materials\u003c\/td\u003e\n                \u003ctd class=\"attr-value\"\u003eNot sure\u003c\/td\u003e\n              \u003c\/tr\u003e\n              \u003ctr\u003e\n                \u003ctd class=\"attr-name\"\u003eCA prop 65: carcinogens\u003c\/td\u003e\n                \u003ctd class=\"attr-value\"\u003eNo\u003c\/td\u003e\n              \u003c\/tr\u003e\n              \u003ctr\u003e\n                \u003ctd class=\"attr-name\"\u003eCA prop 65: repro. chems\u003c\/td\u003e\n                \u003ctd class=\"attr-value\"\u003eNo\u003c\/td\u003e\n              \u003c\/tr\u003e\n            \u003c\/tbody\u003e\n          \u003c\/table\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 4. Product Description 折叠项 --\u003e\n  \u003cdiv class=\"accordion-item\"\u003e\n    \u003cbutton class=\"accordion-header\" onclick=\"toggleAccordion(this)\"\u003e\n      \u003cspan\u003eProduct description\u003c\/span\u003e\n      \u003csvg class=\"chevron-icon\" viewbox=\"0 0 48 48\" xmlns=\"http:\/\/w3.org\"\u003e\u003cpath d=\"m24 19.25 13.67 13.67a1 1 0 0 0 1.41 0l1.84-1.84a1 1 0 0 0 0-1.41L24.71 13.46a1 1 0 0 0-1.42 0L7.1 29.66a1 1 0 0 0 0 1.42l1.83 1.84a1 1 0 0 0 1.41 0L24 19.25Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n    \u003c\/button\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cdiv class=\"content-inner\"\u003e\n        \u003cdiv class=\"description-body\"\u003e\n          \u003cimg alt=\"Pacsun Men's Gray Johnny Fleece Straight Sweatpants\" class=\"product-info-img\" src=\"https:\/\/ttcdn-us.com\" loading=\"lazy\"\u003e\n          \u003cp class=\"desc-text\"\u003eThe Gray Johnny Fleece Straight Sweatpants from Pacsun offer a clean, street-ready look with easygoing comfort. They feature a soft fleece lining, drawstring waistband, side hand pockets, straight leg openings, and a relaxed fit for all-day wear.\u003c\/p\u003e\n          \n          \u003cdiv class=\"specs-grid\"\u003e\n            \u003cdiv\u003e· 15.5\" leg openings\u003c\/div\u003e\n            \u003cdiv\u003e· 30\" inseam\u003c\/div\u003e\n            \u003cdiv\u003e· Solid color sweatpants\u003c\/div\u003e\n            \u003cdiv\u003e· Soft fleece lining\u003c\/div\u003e\n            \u003cdiv\u003e· Drawstring waistband\u003c\/div\u003e\n            \u003cdiv\u003e· Side hand pockets\u003c\/div\u003e\n            \u003cdiv\u003e· Straight leg openings\u003c\/div\u003e\n            \u003cdiv\u003e· Relaxed fit\u003c\/div\u003e\n            \u003cdiv\u003e· 60% cotton, 40% polyester\u003c\/div\u003e\n            \u003cdiv\u003e· Machine washable\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cp class=\"model-info\"\u003eModel info: 6’1” Height, 31.5” Waist. Wearing a size medium.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 🎨 独立专属样式表，避免污染外部主题 --\u003e\n\u003cstyle\u003e\n  .shopify-custom-details-wrapper {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    max-width: 650px;\n    margin: 30px auto;\n    padding: 0 15px;\n    color: #111827;\n  }\n  .main-product-title {\n    font-size: 20px;\n    font-weight: 700;\n    margin-bottom: 20px;\n    letter-spacing: -0.3px;\n  }\n  .accordion-item {\n    border-bottom: 1px solid #e5e7eb;\n  }\n  .accordion-header {\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    background: none;\n    border: none;\n    padding: 18px 0;\n    font-size: 15px;\n    font-weight: 600;\n    color: #111827;\n    text-align: left;\n    cursor: pointer;\n    transition: color 0.2s ease;\n  }\n  .accordion-header:hover {\n    color: #4b5563;\n  }\n  .chevron-icon {\n    width: 16px;\n    height: 16px;\n    fill: currentColor;\n    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    transform: rotate(180deg); \/* 默认收起箭头向下 *\/\n  }\n  \/* 激活展开状态的样式 *\/\n  .accordion-item.active .chevron-icon {\n    transform: rotate(0deg); \/* 展开时箭头向上 *\/\n  }\n  .accordion-content {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  .accordion-item.active .accordion-content {\n    max-height: 1200px; \/* 给予足够的容纳高度 *\/\n  }\n  .content-inner {\n    padding-bottom: 20px;\n  }\n  \/* 列表与文字 *\/\n  .highlights-list {\n    list-style-type: disc;\n    padding-left: 20px;\n    margin: 0;\n    color: #374151;\n    line-height: 1.6;\n  }\n  .highlights-list li {\n    margin-bottom: 8px;\n  }\n  \/* 响应式尺码表容器 *\/\n  .size-chart-container {\n    border: 1px solid #e5e7eb;\n    border-radius: 8px;\n    overflow: hidden;\n    box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n  }\n  .size-chart-badge {\n    background-color: #374151;\n    color: #ffffff;\n    text-align: center;\n    padding: 10px;\n    font-size: 13px;\n  }\n  .sub-badge {\n    display: block;\n    font-size: 11px;\n    color: #9ca3af;\n    margin-top: 2px;\n  }\n  .table-responsive-wrapper {\n    width: 100%;\n    overflow-x: auto; \/* 核心：手机端允许横向滑动 *\/\n    -webkit-overflow-scrolling: touch;\n  }\n  .size-chart-table {\n    width: 100%;\n    border-collapse: collapse;\n    text-align: center;\n    font-size: 13px;\n    min-width: 400px; \/* 确保在窄屏手机上表格不会被挤压变形 *\/\n  }\n  .size-chart-table th {\n    background-color: #111827;\n    color: #ffffff;\n    padding: 10px;\n    font-weight: 500;\n  }\n  .size-chart-table td {\n    padding: 10px;\n    border-bottom: 1px solid #f3f4f6;\n    color: #4b5563;\n  }\n  .size-chart-table tr:last-child td {\n    border-bottom: none;\n  }\n  .size-chart-table tr:nth-child(even) {\n    background-color: #f9fafb;\n  }\n  .size-label {\n    font-weight: 600;\n    color: #111827 !important;\n    background-color: #f9fafb;\n  }\n  \/* Details 属性框 *\/\n  .details-box {\n    background-color: #f9fafb;\n    padding: 14px;\n    border-radius: 6px;\n    border: 1px solid #f3f4f6;\n  }\n  .details-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 14px;\n  }\n  .details-table td {\n    padding: 8px 0;\n    vertical-align: top;\n  }\n  .details-table tr:not(:last-child) td {\n    border-bottom: 1px solid #e5e7eb;\n  }\n  .attr-name {\n    width: 55%;\n    color: #6b7280;\n  }\n  .attr-value {\n    width: 45%;\n    padding-left: 10px;\n    color: #111827;\n    font-weight: 500;\n  }\n  \/* 商品描述样式 *\/\n  .product-info-img {\n    width: 100%;\n    height: auto;\n    border-radius: 8px;\n    margin-bottom: 14px;\n    display: block;\n  }\n  .desc-text {\n    font-size: 14.5px;\n    line-height: 1.6;\n    color: #374151;\n    margin: 0 0 14px 0;\n  }\n  .specs-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n    gap: 6px;\n    font-size: 13.5px;\n    color: #4b5563;\n    background-color: #f9fafb;\n    padding: 12px;\n    border-radius: 6px;\n  }\n  .model-info {\n    font-size: 12.5px;\n    color: #9ca3af;\n    font-style: italic;\n    margin: 10px 0 0 0;\n  }\n\u003c\/style\u003e\n\n","brand":"mysite","offers":[{"title":"GRAY SML \/ SML","offer_id":59895541793054,"sku":"1732353265015231131","price":25.0,"currency_code":"USD","in_stock":true},{"title":"GRAY SML \/ XLG","offer_id":59895541825822,"sku":"1732353265015231132","price":25.0,"currency_code":"USD","in_stock":true},{"title":"GRAY XLG \/ SML","offer_id":59895541858590,"sku":"1732353265015231133","price":25.0,"currency_code":"USD","in_stock":true},{"title":"GRAY XLG \/ XLG","offer_id":59895541891358,"sku":"1732353265015231134","price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1084\/6732\/3166\/files\/ae139f1ac7af45d89fae24fac432ee3e_tplv-fhlh96nyum-crop-webp_1070_1070.webp?v=1788747375","url":"https:\/\/fiskold.com\/products\/pacsun-mens-gray-johnny-fleece-sweatpants-1732353265015231130","provider":"fiskold","version":"1.0","type":"link"}