{"product_id":"nimeng-rainbow-after-rain-original-chinese-style-sweetheart-neck-shirt-tang-hanfu-color-blocked-skirt-simple-daily-loose-fit","title":"Nimeng Rainbow After Rain Original Chinese-style Sweetheart Neck Shirt \u0026 Tang Hanfu Color-blocked Skirt, Simple Daily, Loose Fit","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\/53c8405cb714b32dc3a51521a754105b.png?v=1786806410\"\u003e\n\n\u003cdiv class=\"size-chart\" style=\"--sc-w:62%;--sc-wt:70%;--sc-wm:92%;--cfs:18px;--cfst:15px;--cfsm:13px;--s:0.59;--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\/53c8405cb714b32dc3a51521a754105b.png?v=1786806410\" alt=\"product icon\"\u003e\n\n\u003cdiv class=\"chart-title\"\u003eWarm White Oversized Sweetheart Neck Rayon Blouse\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\u003eRec Bust\u003c\/th\u003e\n\u003cth\u003eLen\u003c\/th\u003e\n\u003cth\u003eShoulder \u0026amp; Sleeve Len\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-text=\"S\"\u003eS\u003c\/td\u003e\n\u003ctd data-text=\"170\"\u003e170\u003c\/td\u003e\n\u003ctd data-text=\"\u0026lt;=88\"\u003e\u0026lt;=88\u003c\/td\u003e\n\u003ctd data-text=\"56\"\u003e56\u003c\/td\u003e\n\u003ctd data-text=\"67\"\u003e67\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-text=\"M\"\u003eM\u003c\/td\u003e\n\u003ctd data-text=\"174\"\u003e174\u003c\/td\u003e\n\u003ctd data-text=\"\u0026lt;=92\"\u003e\u0026lt;=92\u003c\/td\u003e\n\u003ctd data-text=\"58\"\u003e58\u003c\/td\u003e\n\u003ctd data-text=\"69\"\u003e69\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-text=\"L\"\u003eL\u003c\/td\u003e\n\u003ctd data-text=\"178\"\u003e178\u003c\/td\u003e\n\u003ctd data-text=\"\u0026lt;=96\"\u003e\u0026lt;=96\u003c\/td\u003e\n\u003ctd data-text=\"60\"\u003e60\u003c\/td\u003e\n\u003ctd data-text=\"71\"\u003e71\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-text=\"XL\"\u003eXL\u003c\/td\u003e\n\u003ctd data-text=\"182\"\u003e182\u003c\/td\u003e\n\u003ctd data-text=\"\u0026lt;=100\"\u003e\u0026lt;=100\u003c\/td\u003e\n\u003ctd data-text=\"62\"\u003e62\u003c\/td\u003e\n\u003ctd data-text=\"73\"\u003e73\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: 85% Rayon \u0026amp; 15% Nylon\u003c\/td\u003e\u003c\/tr\u003e\n\n\u003c\/table\u003e\n\n\u003c\/div\u003e\n\n\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\/6_d711e13a-273f-4b63-bf42-6985b768aa0f.jpg?v=1786806420\"\u003e\n\n\u003cdiv class=\"size-chart\" style=\"--sc-w:83%;--sc-wt:70%;--sc-wm:92%;--cfs:18px;--cfst:15px;--cfsm:11px;--s:0.68;--st:1.00;--sm:0.97\"\u003e\n\n\u003cimg class=\"product-icon\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/6_d711e13a-273f-4b63-bf42-6985b768aa0f.jpg?v=1786806420\" alt=\"product icon\"\u003e\n\n\u003cdiv class=\"chart-title\"\u003eCyan Blue Mixed Color 6m Hem Ten-Panel Skirt\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\u003ccol\u003e\n\u003c\/colgroup\u003e\n\n\u003ctr\u003e\n\u003cth\u003eSize (CM)\u003c\/th\u003e\n\u003cth\u003eWaist Len\u003c\/th\u003e\n\u003cth\u003eRec Waist Size\u003c\/th\u003e\n\u003cth\u003eSkirt Len (incl. waistband)\u003c\/th\u003e\n\u003cth\u003eRec Height\u003c\/th\u003e\n\u003cth\u003eHem Width\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-text=\"S\"\u003eS\u003c\/td\u003e\n\u003ctd data-text=\"98\"\u003e98\u003c\/td\u003e\n\u003ctd data-text=\"\u0026lt;=68\"\u003e\u0026lt;=68\u003c\/td\u003e\n\u003ctd data-text=\"95\"\u003e95\u003c\/td\u003e\n\u003ctd data-text=\"152-160\"\u003e152-160\u003c\/td\u003e\n\u003ctd data-text=\"~5.6-6m\"\u003e~5.6-6m\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-text=\"M\"\u003eM\u003c\/td\u003e\n\u003ctd data-text=\"102\"\u003e102\u003c\/td\u003e\n\u003ctd data-text=\"\u0026lt;= 74 cm\"\u003e\u0026lt;= 74 cm\u003c\/td\u003e\n\u003ctd data-text=\"100\"\u003e100\u003c\/td\u003e\n\u003ctd data-text=\"158-166\"\u003e158-166\u003c\/td\u003e\n\u003ctd data-text=\"~5.6-6m\"\u003e~5.6-6m\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-text=\"L\"\u003eL\u003c\/td\u003e\n\u003ctd data-text=\"106\"\u003e106\u003c\/td\u003e\n\u003ctd data-text=\"\u0026lt;=78cm\"\u003e\u0026lt;=78cm\u003c\/td\u003e\n\u003ctd data-text=\"105\"\u003e105\u003c\/td\u003e\n\u003ctd data-text=\"164-172\"\u003e164-172\u003c\/td\u003e\n\u003ctd data-text=\"~5.6-6m\"\u003e~5.6-6m\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-text=\"XL\"\u003eXL\u003c\/td\u003e\n\u003ctd data-text=\"110\"\u003e110\u003c\/td\u003e\n\u003ctd data-text=\"\u0026lt;=82cm\"\u003e\u0026lt;=82cm\u003c\/td\u003e\n\u003ctd data-text=\"110\"\u003e110\u003c\/td\u003e\n\u003ctd data-text=\"170-178\"\u003e170-178\u003c\/td\u003e\n\u003ctd data-text=\"~5.6-6m\"\u003e~5.6-6m\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"note-row\"\u003e\u003ctd colspan=\"6\"\u003e\n\u003cspan class=\"note-dot\"\u003e\u003c\/span\u003eFabric: Tencel Cotton \u0026amp; Pleated Ice Silk: 50% Polyester, 25% Tencel, 20% Cotton, 5% Nylon\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\/961614867672_desc_001.jpg?v=1786765843\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/961614867672_desc_009_cut.jpg?v=1786765853\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/961614867672_desc_011.jpg?v=1786765853\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/961614867672_desc_012.jpg?v=1786765862\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/961614867672_desc_013.jpg?v=1786765862\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/961614867672_desc_014.jpg?v=1786765871\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/961614867672_desc_015.jpg?v=1786765888\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/961614867672_desc_016.jpg?v=1786765881\" loading=\"lazy\" alt=\"detail\"\u003e\u003cimg class=\"desc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/961614867672_desc_017.jpg?v=1786765890\" 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":"拟梦","offers":[{"title":"Warm White Oversized Sweetheart Neck Rayon Blouse \/ S","offer_id":52242481873112,"sku":"6063341982501","price":166.2,"currency_code":"USD","in_stock":true},{"title":"Warm White Oversized Sweetheart Neck Rayon Blouse \/ M","offer_id":52242481905880,"sku":"6063341982502","price":166.2,"currency_code":"USD","in_stock":true},{"title":"Warm White Oversized Sweetheart Neck Rayon Blouse \/ L","offer_id":52242481938648,"sku":"6063341982503","price":166.2,"currency_code":"USD","in_stock":true},{"title":"Warm White Oversized Sweetheart Neck Rayon Blouse \/ XL","offer_id":52242481971416,"sku":"6063341982504","price":166.2,"currency_code":"USD","in_stock":false},{"title":"Cyan Blue Mixed Color 6m Hem Ten-Panel Skirt \/ S","offer_id":52242482004184,"sku":"6063341982505","price":159.41,"currency_code":"USD","in_stock":false},{"title":"Cyan Blue Mixed Color 6m Hem Ten-Panel Skirt \/ M","offer_id":52242482036952,"sku":"6063341982506","price":159.41,"currency_code":"USD","in_stock":false},{"title":"Cyan Blue Mixed Color 6m Hem Ten-Panel Skirt \/ L","offer_id":52242482069720,"sku":"6063341982507","price":159.41,"currency_code":"USD","in_stock":true},{"title":"Cyan Blue Mixed Color 6m Hem Ten-Panel Skirt \/ XL","offer_id":52242482102488,"sku":"6063341982508","price":159.41,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0702\/7320\/4440\/files\/961614867672_item_001_cut.jpg?v=1786806382","url":"https:\/\/www.hanronghanfu.com\/products\/nimeng-rainbow-after-rain-original-chinese-style-sweetheart-neck-shirt-tang-hanfu-color-blocked-skirt-simple-daily-loose-fit","provider":"Hanrong","version":"1.0","type":"link"}