{"product_id":"festive-3d-visual-skull-clown-horror-rug","title":"Festive 3D Visual Skull \u0026Clown Horror Rug","description":"\u003cstyle\u003e\n\/* ===== 作用域隔离 + 宽度修复 ===== *\/\n#halloween-rug-section {\n  font-family: 'Helvetica Neue', Arial, sans-serif;\n  width: 100%;\n  max-width: 100%;\n  margin: 0 auto;\n  padding: 0;\n  overflow-x: hidden;\n  background: #0D0A14;\n  color: #F0EAF5;\n}\n#halloween-rug-section * { box-sizing: border-box; }\n\n\/* ===== 通用容器 ===== *\/\n#halloween-rug-section .section {\n  max-width: 900px;\n  margin: 0 auto;\n  padding: 55px 20px;\n}\n\n\/* ===== 顶部英雄区 ===== *\/\n#halloween-rug-section .hero {\n  text-align: center;\n  padding: 60px 20px 40px;\n  background: radial-gradient(circle at 50% 30%, #2A1240 0%, #0D0A14 70%);\n}\n#halloween-rug-section .hero-tag {\n  display: inline-block;\n  background: transparent;\n  color: #FF6B1A;\n  border: 1px solid #FF6B1A;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  padding: 6px 16px;\n  border-radius: 20px;\n  margin-bottom: 22px;\n}\n#halloween-rug-section .hero h1 {\n  font-size: 2.6rem;\n  font-weight: 900;\n  color: #FFFFFF;\n  margin: 0 0 18px 0;\n  line-height: 1.15;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n#halloween-rug-section .hero h1 span { color: #FF6B1A; }\n#halloween-rug-section .hero p {\n  font-size: 1.05rem;\n  color: #B0A5C0;\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n#halloween-rug-section .hero-img {\n  max-width: 900px;\n  margin: 40px auto 0;\n  padding: 0 20px;\n}\n#halloween-rug-section .hero-img img {\n  width: 100%;\n  height: auto;\n  border-radius: 14px;\n  display: block;\n  box-shadow: 0 15px 40px rgba(255, 107, 26, 0.15);\n}\n\n\/* ===== 通用标题 ===== *\/\n#halloween-rug-section .section-title {\n  font-size: 1.7rem;\n  font-weight: 900;\n  color: #FFFFFF;\n  margin: 0 0 10px 0;\n  line-height: 1.25;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  text-align: center;\n}\n#halloween-rug-section .section-title span { color: #FF6B1A; }\n#halloween-rug-section .section-sub {\n  font-size: 1rem;\n  color: #A090B0;\n  text-align: center;\n  margin: 0 0 35px 0;\n  line-height: 1.6;\n}\n\n\/* ===== 通用图片 ===== *\/\n#halloween-rug-section .section-img {\n  width: 100%;\n  height: auto;\n  border-radius: 14px;\n  display: block;\n  margin: 0 auto 25px;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n}\n\n\/* ===== 三列功能卡片 ===== *\/\n#halloween-rug-section .feature-cards {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  margin-bottom: 50px;\n}\n#halloween-rug-section .feature-card {\n  background: #16101F;\n  border: 1px solid #2A1E3A;\n  border-radius: 14px;\n  padding: 28px 20px;\n  text-align: center;\n  transition: transform 0.3s ease, border-color 0.3s ease;\n}\n#halloween-rug-section .feature-card:hover {\n  transform: translateY(-5px);\n  border-color: #FF6B1A;\n}\n#halloween-rug-section .feature-card .icon-circle {\n  width: 56px;\n  height: 56px;\n  border-radius: 50%;\n  background: rgba(255, 107, 26, 0.12);\n  border: 1.5px solid #FF6B1A;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 16px;\n}\n#halloween-rug-section .feature-card .icon-circle svg {\n  width: 26px;\n  height: 26px;\n  fill: #FF6B1A;\n}\n#halloween-rug-section .feature-card h4 {\n  font-size: 0.95rem;\n  font-weight: 800;\n  color: #FFFFFF;\n  margin: 0 0 8px 0;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n#halloween-rug-section .feature-card p {\n  font-size: 0.88rem;\n  color: #A090B0;\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* ===== 文字 + 图片交替区块 ===== *\/\n#halloween-rug-section .feature-row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 45px;\n  margin-bottom: 60px;\n}\n#halloween-rug-section .feature-row.reverse { flex-direction: row-reverse; }\n#halloween-rug-section .feature-text { flex: 1; min-width: 280px; }\n#halloween-rug-section .feature-img { flex: 1; min-width: 280px; }\n#halloween-rug-section .feature-img img {\n  width: 100%;\n  height: auto;\n  border-radius: 14px;\n  display: block;\n  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);\n}\n#halloween-rug-section .feature-text h3 {\n  font-size: 1.5rem;\n  font-weight: 900;\n  color: #FFFFFF;\n  margin: 0 0 14px 0;\n  line-height: 1.25;\n  text-transform: uppercase;\n}\n#halloween-rug-section .feature-text h3 span { color: #FF6B1A; }\n#halloween-rug-section .feature-text p {\n  font-size: 1rem;\n  line-height: 1.7;\n  color: #B0A5C0;\n  margin: 0 0 18px 0;\n}\n#halloween-rug-section .feature-text ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n#halloween-rug-section .feature-text li {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  font-size: 0.95rem;\n  color: #D0C5E0;\n  padding: 8px 0;\n  border-bottom: 1px solid #221A30;\n}\n#halloween-rug-section .feature-text li::before {\n  content: \"✔\";\n  color: #FF6B1A;\n  font-weight: 900;\n  flex-shrink: 0;\n}\n#halloween-rug-section .feature-text li:last-child { border-bottom: none; }\n\n\/* ===== 尺寸表区块 ===== *\/\n#halloween-rug-section .size-section {\n  background: #16101F;\n  padding: 60px 20px;\n  text-align: center;\n  border-top: 1px solid #2A1E3A;\n  border-bottom: 1px solid #2A1E3A;\n}\n#halloween-rug-section .size-section img {\n  max-width: 800px;\n  width: 100%;\n  height: auto;\n  border-radius: 14px;\n  display: block;\n  margin: 0 auto 25px;\n  box-shadow: 0 12px 30px rgba(255, 107, 26, 0.15);\n}\n\n\/* ===== 三列尺寸卡片 ===== *\/\n#halloween-rug-section .size-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 15px;\n  max-width: 800px;\n  margin: 0 auto;\n}\n#halloween-rug-section .size-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  background: #0D0A14;\n  border-left: 3px solid #FF6B1A;\n  padding: 14px 18px;\n  border-radius: 6px;\n  font-size: 0.92rem;\n  font-weight: 600;\n  color: #D0C5E0;\n  text-align: left;\n}\n#halloween-rug-section .size-item .check {\n  color: #FF6B1A;\n  font-weight: 900;\n  flex-shrink: 0;\n}\n\n\/* ===== 场景区块 ===== *\/\n#halloween-rug-section .scene-section {\n  background: #0D0A14;\n  padding: 60px 20px;\n  text-align: center;\n}\n#halloween-rug-section .scene-section h2 {\n  font-size: 1.7rem;\n  font-weight: 900;\n  color: #FFFFFF;\n  margin: 0 0 15px 0;\n  text-transform: uppercase;\n}\n#halloween-rug-section .scene-section h2 span { color: #FF6B1A; }\n#halloween-rug-section .scene-section p {\n  font-size: 1rem;\n  color: #A090B0;\n  max-width: 640px;\n  margin: 0 auto 35px;\n  line-height: 1.7;\n}\n#halloween-rug-section .scene-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 15px;\n  max-width: 800px;\n  margin: 0 auto;\n}\n#halloween-rug-section .scene-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  background: #16101F;\n  border-left: 3px solid #FF6B1A;\n  padding: 14px 18px;\n  border-radius: 6px;\n  font-size: 0.92rem;\n  font-weight: 600;\n  color: #D0C5E0;\n  text-align: left;\n}\n#halloween-rug-section .scene-item .check {\n  color: #FF6B1A;\n  font-weight: 900;\n  flex-shrink: 0;\n}\n\n\/* ===== 移动端适配 ===== *\/\n@media (max-width: 768px) {\n  #halloween-rug-section .hero h1 { font-size: 1.7rem; }\n  #halloween-rug-section .hero { padding: 40px 15px 30px; }\n  #halloween-rug-section .section { padding: 35px 15px; }\n  #halloween-rug-section .section-title { font-size: 1.3rem; }\n  #halloween-rug-section .feature-cards { grid-template-columns: 1fr; gap: 15px; }\n  #halloween-rug-section .feature-row { flex-direction: column; gap: 25px; margin-bottom: 40px; }\n  #halloween-rug-section .feature-row.reverse { flex-direction: column; }\n  #halloween-rug-section .feature-text h3 { font-size: 1.15rem; }\n  #halloween-rug-section .scene-section h2 { font-size: 1.3rem; }\n  #halloween-rug-section .scene-grid { grid-template-columns: 1fr; }\n  #halloween-rug-section .size-grid { grid-template-columns: 1fr; }\n}\n\u003c\/style\u003e\n\n\u003cdiv id=\"halloween-rug-section\"\u003e\n\n  \u003c!-- ===== 顶部英雄区 ===== --\u003e\n  \u003cdiv class=\"hero\"\u003e\n    \u003cspan class=\"hero-tag\"\u003e🎃 3D Horror Optical Illusion\u003c\/span\u003e\n    \u003ch1\u003eWelcome Trick-or-Treaters \u003cspan\u003ewith a Spooky Surprise\u003c\/span\u003e\n\u003c\/h1\u003e\n    \u003cp\u003eA 3D Visual Skull \u0026amp; Clown Horror Mat that sets the Halloween mood before they even knock.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ===== 主图 ===== --\u003e\n  \u003cdiv class=\"hero-img\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/6277\/3107\/files\/11_9fdedf2b-837e-451e-b150-c586205922ac.webp?v=1790927307\" alt=\"3D Visual Skull Horror Mat Main\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ===== 三列功能卡片 ===== --\u003e\n  \u003cdiv class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eScare Them \u003cspan\u003eBefore They Knock\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"section-sub\"\u003eThe eye-catching 3D visual creates a spine-chilling optical illusion your guests won't forget.\u003c\/p\u003e\n    \u003cdiv class=\"feature-cards\"\u003e\n      \u003cdiv class=\"feature-card\"\u003e\n        \u003cdiv class=\"icon-circle\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003cpath d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 15v-4H8l4-4 4 4h-3v4h-2z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch4\u003e3D Visual Design\u003c\/h4\u003e\n        \u003cp\u003eSkull \u0026amp; clown illusion that looks real from every angle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feature-card\"\u003e\n        \u003cdiv class=\"icon-circle\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003cpath d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-1.5 15.5l-4-4 1.41-1.41L10.5 13.67l6.09-6.09 1.41 1.41L10.5 16.5z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch4\u003eNon-Slip \u0026amp; Safe\u003c\/h4\u003e\n        \u003cp\u003eRubber backing keeps it in place. Safe for kids \u0026amp; pets.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feature-card\"\u003e\n        \u003cdiv class=\"icon-circle\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003cpath d=\"M12 2c-5.33 4.55-8 8.48-8 11.8 0 4.98 3.8 8.2 8 8.2s8-3.22 8-8.2c0-3.32-2.67-7.25-8-11.8z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch4\u003eWeather-Resistant\u003c\/h4\u003e\n        \u003cp\u003eIndoor \u0026amp; outdoor. Handles rain, foot traffic, and seasons.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ===== 功能区块 1：小丑设计 ===== --\u003e\n  \u003cdiv class=\"section\" style=\"padding-top: 0;\"\u003e\n    \u003cdiv class=\"feature-row\"\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003ch3\u003e3D Visual \u003cspan\u003eSkull \u0026amp; Clown\u003c\/span\u003e Design\u003c\/h3\u003e\n        \u003cp\u003eFeatures an eye-catching, horror-themed 3D visual that creates a spine-chilling optical illusion. The skull and clown design is perfect for giving trick-or-treaters a fright before they even reach your door.\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli\u003eRealistic 3D depth illusion — Looks like a real pit\u003c\/li\u003e\n          \u003cli\u003eTwo designs included — Skull \u0026amp; Clown horror themes\u003c\/li\u003e\n          \u003cli\u003ePerfect for Halloween parties, haunted houses, or just adding a festive touch\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feature-img\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/6277\/3107\/files\/22_4ba17a7f-e7ee-48f8-bf61-a2f45dc22764.webp?v=1790927310\" alt=\"Clown Horror Mat Design\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ===== 尺寸表区块 ===== --\u003e\n  \u003cdiv class=\"size-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eChoose Your \u003cspan\u003ePerfect Size\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"section-sub\"\u003eAvailable in 4 sizes for every door, porch, or entryway.\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/6277\/3107\/files\/3_e9235358-246b-40dd-aa20-6636896e6f69.webp?v=1790927314\" alt=\"Size Chart 40x60 50x80 60x90 80x120\"\u003e\n    \u003cdiv class=\"size-grid\"\u003e\n      \u003cdiv class=\"size-item\"\u003e\n\u003cspan class=\"check\"\u003e✔\u003c\/span\u003e 40cm × 60cm (Small)\u003c\/div\u003e\n      \u003cdiv class=\"size-item\"\u003e\n\u003cspan class=\"check\"\u003e✔\u003c\/span\u003e 50cm × 80cm (Medium)\u003c\/div\u003e\n      \u003cdiv class=\"size-item\"\u003e\n\u003cspan class=\"check\"\u003e✔\u003c\/span\u003e 60cm × 90cm (Large)\u003c\/div\u003e\n      \u003cdiv class=\"size-item\"\u003e\n\u003cspan class=\"check\"\u003e✔\u003c\/span\u003e 80cm × 120cm (X-Large)\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ===== 功能区块 2：底部防滑细节 ===== --\u003e\n  \u003cdiv class=\"section\" style=\"padding-top: 0;\"\u003e\n    \u003cdiv class=\"feature-row reverse\"\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003ch3\u003ePoint Plastic Bottom — \u003cspan\u003eNon-Slip \u0026amp; Durable\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp\u003eDesigned with a non-slip backing that keeps the mat securely in place, even on smooth surfaces. Safe for kids, pets, and guests.\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli\u003ePoint plastic bottom for maximum grip\u003c\/li\u003e\n          \u003cli\u003ePrevents slipping on tile, wood, or concrete\u003c\/li\u003e\n          \u003cli\u003eWeather-resistant materials withstand outdoor conditions\u003c\/li\u003e\n          \u003cli\u003eSimply shake, vacuum, or hose off to keep it fresh\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feature-img\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/6277\/3107\/files\/4_10184a93-30c1-49c2-b4c8-caea9393c3d6.webp?v=1790927318\" alt=\"Point Plastic Non-Slip Bottom\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ===== 功能区块 3：室内外通用 ===== --\u003e\n  \u003cdiv class=\"section\" style=\"padding-top: 0;\"\u003e\n    \u003cdiv class=\"feature-row\"\u003e\n      \u003cdiv class=\"feature-text\"\u003e\n        \u003ch3\u003eIndoor \u0026amp; Outdoor \u003cspan\u003eUse\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp\u003ePerfect for your front door, porch, patio, garage, or indoor entryway. The durable construction handles foot traffic, rain, and seasonal weather.\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli\u003eFront door — Greet trick-or-treaters with a scare\u003c\/li\u003e\n          \u003cli\u003ePorch \u0026amp; patio — Set the haunted house mood\u003c\/li\u003e\n          \u003cli\u003eGarage \u0026amp; entryway — Spooky welcome for every guest\u003c\/li\u003e\n          \u003cli\u003eHalloween parties \u0026amp; haunted houses — Instant decoration\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feature-img\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/6277\/3107\/files\/1.jpg\" alt=\"Indoor and Outdoor Halloween Rug\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ===== 场景区块 ===== --\u003e\n  \u003cdiv class=\"scene-section\"\u003e\n    \u003ch2\u003ePerfect for \u003cspan\u003eEvery Halloween Setup\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cp\u003eFrom trick-or-treat doors to haunted house walkways — one mat sets the mood.\u003c\/p\u003e\n    \u003cdiv class=\"scene-grid\"\u003e\n      \u003cdiv class=\"scene-item\"\u003e\n\u003cspan class=\"check\"\u003e✔\u003c\/span\u003e Front Door Trick-or-Treat\u003c\/div\u003e\n      \u003cdiv class=\"scene-item\"\u003e\n\u003cspan class=\"check\"\u003e✔\u003c\/span\u003e Haunted House Walkway\u003c\/div\u003e\n      \u003cdiv class=\"scene-item\"\u003e\n\u003cspan class=\"check\"\u003e✔\u003c\/span\u003e Halloween Party Entry\u003c\/div\u003e\n      \u003cdiv class=\"scene-item\"\u003e\n\u003cspan class=\"check\"\u003e✔\u003c\/span\u003e Porch \u0026amp; Patio Decor\u003c\/div\u003e\n      \u003cdiv class=\"scene-item\"\u003e\n\u003cspan class=\"check\"\u003e✔\u003c\/span\u003e Garage \u0026amp; Indoor Entryway\u003c\/div\u003e\n      \u003cdiv class=\"scene-item\"\u003e\n\u003cspan class=\"check\"\u003e✔\u003c\/span\u003e Year-Round Horror Fans\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Vivly Joy","offers":[{"title":"Skull \/ 40*60CM","offer_id":66770439700595,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true},{"title":"Skull \/ 50*80CM","offer_id":66770439733363,"sku":null,"price":24.9,"currency_code":"USD","in_stock":true},{"title":"Skull \/ 60*90CM","offer_id":66770439766131,"sku":null,"price":29.9,"currency_code":"USD","in_stock":true},{"title":"Skull \/ 80*120CM","offer_id":66770439798899,"sku":null,"price":44.9,"currency_code":"USD","in_stock":true},{"title":"Monster \/ 40*60CM","offer_id":66770439831667,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true},{"title":"Monster \/ 50*80CM","offer_id":66770439864435,"sku":null,"price":24.9,"currency_code":"USD","in_stock":true},{"title":"Monster \/ 60*90CM","offer_id":66770439897203,"sku":null,"price":29.9,"currency_code":"USD","in_stock":true},{"title":"Monster \/ 80*120CM","offer_id":66770439929971,"sku":null,"price":44.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0713\/6277\/3107\/files\/1_745700a4-e9e4-4b90-9c33-b9e70f531ec8.webp?v=1790925694","url":"https:\/\/vivlyjoy.com\/products\/festive-3d-visual-skull-clown-horror-rug","provider":"Vivly Joy","version":"1.0","type":"link"}