{"product_id":"tb-992594441658","title":"Dreamlike \"Shuying\" Orig Ming Cross-collar Bow Sleeve Coat, Mod Dropped Shoulder, Fleece-lined Pockets, Fall\/Winter Hanfu","description":"\u003cstyle\u003e\n\n.poster{\nwidth:100%;\nmax-width:1000px;\nmargin:auto;\npadding-top:60px;\nfont-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial;\n}\n\n.title{\ntext-align:center;\nfont-size:44px;\nletter-spacing:8px;\nmargin-bottom:10px;\nfont-weight:600;\n}\n\n.image-wrapper{\nposition:relative;\ndisplay:inline-block;\nwidth:100%;\nborder-radius:20px;\noverflow:hidden;\n}\n\n.model-img{\nwidth:100%;\naspect-ratio:1.618 \/ 1;\nobject-fit:cover;\ndisplay:block;\nborder-radius:20px;\n}\n\n\/* 表格右上角商品小图标 *\/\n.product-icon{\nposition:absolute;\ntop:12px;\nright:12px;\nwidth:clamp(48px,8%,88px);\nheight:clamp(48px,8%,88px);\nobject-fit:cover;\nborder-radius:10px;\nbox-shadow:0 4px 16px rgba(0,0,0,0.35);\nborder:2px solid rgba(255,255,255,0.7);\nopacity:1;\nz-index:10;\n}\n\n\/* 居中叠在背景图上，自动适应大小，无滚动条。\n   --sc-w\/--cfs\/--s：桌面静态适配参数；--sc-wm\/--cfsm\/--sm：手机端（media query 切换） *\/\n.size-chart{\nposition:absolute;\ntop:50%;\nleft:50%;\ntransform:translate(-50%,-50%) scale(var(--s,1));\n\nwidth:clamp(280px,var(--sc-w,62%),700px);\n\npadding:clamp(16px,3%,40px);\n\nborder-radius:26px;\n\nbackground:rgba(255,255,255,0.35);\n\nbackdrop-filter:blur(10px);\n-webkit-backdrop-filter:blur(10px);\n\nbox-shadow:\n0 30px 70px rgba(0,0,0,0.18),\n0 10px 30px rgba(0,0,0,0.12);\n\noverflow:visible;\nz-index:5;\n}\n\n.size-chart-line{\nwidth:100%;\nheight:5px;\nbackground:#000;\nmargin-top:20px;\nmargin-bottom:25px;\nborder-radius:3px;\n}\n\n.chart-title{\ntext-align:center;\nfont-size:clamp(24px,2vw,30px);\nfont-weight:700;\nmargin-bottom:20px;\nletter-spacing:4px;\npadding:0 clamp(56px,10%,96px);\n}\n\ntable{\nwidth:100%;\nborder-collapse:collapse;\ntable-layout:fixed;\n}\n\nth, td{\ntext-align:center;\nvertical-align:middle;\n\npadding:14px 6px;\n\nborder-bottom:2px solid #000;\nborder-right:2px solid #000;\n\nfont-size:var(--cfs,18px);\nline-height:1.2em;\n\nwhite-space:normal;\noverflow-wrap:anywhere;   \/* 超长单词（如 Recommendation）断行，防横向越界 *\/\n\ntransition:background 0.2s;\n}\n\nth{\nfont-weight:700;\nbackground:rgba(0,0,0,0.04);\n}\n\ntr:hover th, tr:hover td{\nbackground:rgba(0,0,0,0.03);\n}\n\ntr th:last-child, tr td:last-child{\nborder-right:none;\n}\n\ntr.note-row td{\ntext-align:left;\nfont-size:15px;\nfont-style:italic;\npadding:10px 14px 2px 14px;\nwhite-space:normal;\nborder-right:none;\nborder-bottom:none;\n}\n\ntr.note-row ~ tr.note-row td{\npadding-top:2px;\n}\n\n.note-dot{\ndisplay:inline-block;\nwidth:6px;\nheight:6px;\nbackground:#000;\nborder-radius:50%;\nmargin-right:8px;\nvertical-align:middle;\n}\n\n.footer{\nmargin-top:20px;\nmargin-bottom:200px;\ntext-align:center;\nfont-size:16px;\nletter-spacing:6px;\nopacity:0.7;\n}\n\n\/* desc 详情图：海报下方整宽依次排列 *\/\n.desc-img{\nwidth:100%;\ndisplay:block;\nborder-radius:20px;\nmargin-top:24px;\n}\n\n\/* 平板端：布局同桌面，整体略小 *\/\n@media (min-width:769px) and (max-width:1024px){\n\n.poster{\npadding-top:30px;\n}\n\n.title{\nfont-size:36px;\nletter-spacing:7px;\n}\n\n.size-chart{\nwidth:var(--sc-wt,80%);\npadding:20px;\ntransform:translate(-50%,-50%) scale(var(--st,1));\n}\n\n.chart-title{\nfont-size:22px;\nmargin-bottom:14px;\n}\n\nth, td{\nfont-size:var(--cfst,15px);\npadding:10px 5px;\n}\n\ntr.note-row td{\nfont-size:13px;\n}\n\n}\n\n@media (max-width:768px){\n\n.poster{\npadding-top:20px;\n}\n\n.title{\nfont-size:32px;\nletter-spacing:6px;\n}\n\n\/* 手机端：背景图改 4:5 竖构图，给表格留出纵向空间 *\/\n.model-img{\naspect-ratio:4 \/ 5;\n}\n\n\/* 手机端：卡片占满宽度（不再中间窄窄一条），用 --sm 静态缩放防纵向溢出 *\/\n.size-chart{\nwidth:var(--sc-wm,92%);\npadding:12px;\ntransform:translate(-50%,-50%) scale(var(--sm,1));\n}\n\n.chart-title{\nfont-size:18px;\nletter-spacing:2px;\nmargin-bottom:10px;\npadding:0 48px;\n}\n\n.size-chart-line{\nheight:3px;\nmargin-top:8px;\nmargin-bottom:10px;\n}\n\nth, td{\nfont-size:var(--cfsm,13px);\npadding:6px 3px;\n}\n\ntr.note-row td{\nfont-size:12px;\npadding:6px 8px 2px 8px;\n}\n\n.product-icon{\nwidth:48px;\nheight:48px;\ntop:10px;\nright:10px;\n}\n\n}\n\n\u003c\/style\u003e\n\u003cdiv class=\"poster\"\u003e\n\n\u003cdiv class=\"title\"\u003eSIZE CHARTS\u003c\/div\u003e\n\n\u003cdiv class=\"image-wrapper\"\u003e\n\n\u003cimg class=\"model-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/ab198d5fe6abad3ed760722a66cc654e.png?v=1785819714\"\u003e\n\n\u003cdiv class=\"size-chart\" style=\"--sc-w:63%;--sc-wt:70%;--sc-wm:92%;--cfs:18px;--cfst:15px;--cfsm:13px;--s:0.69;--st:1.00;--sm:1.00\"\u003e\n\n\u003cimg class=\"product-icon\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/ab198d5fe6abad3ed760722a66cc654e.png?v=1785819714\" alt=\"product icon\"\u003e\n\n\u003cdiv class=\"chart-title\"\u003eBlack fleece-lined crossover coat w\/ pockets\u003c\/div\u003e\n\n\u003cdiv class=\"size-chart-line\"\u003e\u003c\/div\u003e\n\n\u003ctable\u003e\n\n\u003ccolgroup\u003e\n\u003ccol\u003e\n\u003ccol\u003e\n\u003ccol\u003e\n\u003ccol\u003e\n\u003ccol\u003e\n\u003c\/colgroup\u003e\n\n\u003ctr\u003e\n\u003cth\u003eSize (CM)\u003c\/th\u003e\n\u003cth\u003eFlat Lay Bust\u003c\/th\u003e\n\u003cth\u003eCenter Back Len\u003c\/th\u003e\n\u003cth\u003eShoulder \u0026amp; Sleeve Len\u003c\/th\u003e\n\u003cth\u003eFit Bust\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-text=\"S\"\u003eS\u003c\/td\u003e\n\u003ctd data-text=\"114\"\u003e114\u003c\/td\u003e\n\u003ctd data-text=\"68\"\u003e68\u003c\/td\u003e\n\u003ctd data-text=\"73.5\"\u003e73.5\u003c\/td\u003e\n\u003ctd data-text=\"\u0026lt;=89\"\u003e\u0026lt;=89\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-text=\"M\"\u003eM\u003c\/td\u003e\n\u003ctd data-text=\"120\"\u003e120\u003c\/td\u003e\n\u003ctd data-text=\"72\"\u003e72\u003c\/td\u003e\n\u003ctd data-text=\"75.5\"\u003e75.5\u003c\/td\u003e\n\u003ctd data-text=\"\u0026lt;=95\"\u003e\u0026lt;=95\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-text=\"L\"\u003eL\u003c\/td\u003e\n\u003ctd data-text=\"126\"\u003e126\u003c\/td\u003e\n\u003ctd data-text=\"76\"\u003e76\u003c\/td\u003e\n\u003ctd data-text=\"77.5\"\u003e77.5\u003c\/td\u003e\n\u003ctd data-text=\"\u0026lt;=101\"\u003e\u0026lt;=101\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"note-row\"\u003e\u003ctd colspan=\"5\"\u003e\n\u003cspan class=\"note-dot\"\u003e\u003c\/span\u003eFabric: Body: Embossed Chenille, 92% Polyester \u0026amp; 8% Spandex; Lining: Crystal Fleece, 100% Polyester\u003c\/td\u003e\u003c\/tr\u003e\n\n\u003c\/table\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_desc_001.jpg?v=1785819610\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_desc_009_cut.jpg?v=1785819620\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_desc_010_cut.jpg?v=1785819621\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_desc_011_cut.jpg?v=1785819629\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_desc_013.jpg?v=1785819631\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_desc_015.jpg?v=1785819640\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_desc_018.jpg?v=1785819640\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_desc_019.jpg?v=1785819650\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_desc_020.jpg?v=1785819650\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_desc_021.jpg?v=1785819660\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_desc_022.jpg?v=1785819659\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_desc_023.jpg?v=1785819670\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_desc_024.jpg?v=1785819673\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_desc_025.jpg?v=1785819681\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_desc_026.jpg?v=1785819682\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_desc_027.jpg?v=1785819690\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_desc_028.jpg?v=1785819692\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_desc_029.jpg?v=1785819700\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_desc_030.jpg?v=1785819701\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_desc_031.jpg?v=1785819711\" loading=\"lazy\" alt=\"detail\"\u003e\u003cdiv class=\"footer\"\u003eWWW.HANRONGHANFU.COM\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003cscript\u003e\n\nfunction autoFitText(){\nconst tds=document.querySelectorAll('th, td');\n\ntds.forEach(el=\u003e{\nif(el.closest('.note-row')) return;\nconst text=el.getAttribute('data-text') || el.textContent;\nif(!text) return;\n\nlet fontSize=18;\n\nel.style.fontSize=fontSize+'px';\nel.style.whiteSpace='nowrap';\n\nwhile(el.scrollWidth\u003eel.clientWidth \u0026\u0026 fontSize\u003e8){\nfontSize-=0.5;\nel.style.fontSize=fontSize+'px';\n}\n\nel.style.whiteSpace='normal';\n\n});\n}\n\n\/* 表格超出背景图时整体等比缩小卡片，保证不溢出（无滚动条） *\/\nfunction fitCards(){\ndocument.querySelectorAll('.image-wrapper').forEach(w=\u003e{\nconst c=w.querySelector('.size-chart');\nif(!c) return;\nc.style.transform='translate(-50%,-50%)';\nconst s=Math.min(1,(w.clientWidth*0.94)\/c.offsetWidth,(w.clientHeight*0.90)\/c.offsetHeight);\nc.style.transform='translate(-50%,-50%) scale('+s+')';\n});\n}\n\nwindow.onload=function(){\nautoFitText();\nfitCards();\n};\n\n\u003c\/script\u003e","brand":"Nimeng","offers":[{"title":"Black fleece-lined crossover coat w\/ pockets \/ S","offer_id":52145043341528,"sku":"6130073906069","price":293.27,"currency_code":"USD","in_stock":true},{"title":"Black fleece-lined crossover coat w\/ pockets \/ M","offer_id":52145043374296,"sku":"6130073906070","price":293.27,"currency_code":"USD","in_stock":true},{"title":"Black fleece-lined crossover coat w\/ pockets \/ L","offer_id":52145043407064,"sku":"6130073906071","price":293.27,"currency_code":"USD","in_stock":true},{"title":"Black fleece-lined crossover coat w\/ pockets \/ S (Pre-Sale)","offer_id":52145043439832,"sku":"6130073906069-p","price":293.27,"currency_code":"USD","in_stock":true},{"title":"Black fleece-lined crossover coat w\/ pockets \/ M (Pre-Sale)","offer_id":52145043472600,"sku":"6130073906070-p","price":293.27,"currency_code":"USD","in_stock":true},{"title":"Black fleece-lined crossover coat w\/ pockets \/ L (Pre-Sale)","offer_id":52145043505368,"sku":"6130073906071-p","price":293.27,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/992594441658_item_001.jpg?v=1785819588","url":"https:\/\/www.hanronghanfu.com\/products\/tb-992594441658","provider":"Hanrong","version":"1.0","type":"link"}