{"html":"

\n CHAMONILLE\n

\n NATURAL, OIL\n

39.00 MLC

Perfect everywhere

\n \n\n

","css":".absolute {\n position: absolute\n}\n\n.relative {\n position: relative\n}\n\n.bottom-0 {\n bottom: 0px\n}\n\n.m-4 {\n margin: 1rem\n}\n\n.m-auto {\n margin: auto\n}\n\n.mb-4 {\n margin-bottom: 1rem\n}\n\n.mt-8 {\n margin-top: 2rem\n}\n\n.h-0 {\n height: 0px\n}\n\n.h-0\\.5 {\n height: 0.125rem\n}\n\n.h-10 {\n height: 2.5rem\n}\n\n.h-2 {\n height: 0.5rem\n}\n\n.w-10 {\n width: 2.5rem\n}\n\n.w-\\[70\\%\\] {\n width: 70%\n}\n\n.w-\\[clamp\\(260px\\2c 80\\%\\2c 300px\\)\\] {\n width: clamp(260px,80%,300px)\n}\n\n.w-full {\n width: 100%\n}\n\n.cursor-pointer {\n cursor: pointer\n}\n\n.overflow-hidden {\n overflow: hidden\n}\n\n.rounded {\n border-radius: 0.25rem\n}\n\n.rounded-full {\n border-radius: 9999px\n}\n\n.rounded-lg {\n border-radius: 0.5rem\n}\n\n.rounded-tl-none {\n border-top-left-radius: 0px\n}\n\n.border-r-2 {\n border-right-width: 2px\n}\n\n.border-t-2 {\n border-top-width: 2px\n}\n\n.border-gray-900 {\n --tw-border-opacity: 1;\n border-color: rgb(17 24 39 / var(--tw-border-opacity))\n}\n\n.bg-orange-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 115 22 / var(--tw-bg-opacity))\n}\n\n.bg-gradient-to-l {\n background-image: linear-gradient(to left, var(--tw-gradient-stops))\n}\n\n.bg-gradient-to-tl {\n background-image: linear-gradient(to top left, var(--tw-gradient-stops))\n}\n\n.from-gray-900 {\n --tw-gradient-from: #111827 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n\n.via-yellow-500 {\n --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), #eab308 var(--tw-gradient-via-position), var(--tw-gradient-to)\n}\n\n.via-yellow-950 {\n --tw-gradient-to: rgb(66 32 6 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), #422006 var(--tw-gradient-via-position), var(--tw-gradient-to)\n}\n\n.to-gray-950 {\n --tw-gradient-to: #030712 var(--tw-gradient-to-position)\n}\n\n.px-8 {\n padding-left: 2rem;\n padding-right: 2rem\n}\n\n.py-10 {\n padding-top: 2.5rem;\n padding-bottom: 2.5rem\n}\n\n.text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem\n}\n\n.font-bold {\n font-weight: 700\n}\n\n.uppercase {\n text-transform: uppercase\n}\n\n.tracking-widest {\n letter-spacing: 0.1em\n}\n\n.text-gray-300 {\n --tw-text-opacity: 1;\n color: rgb(209 213 219 / var(--tw-text-opacity))\n}\n\n.text-gray-400 {\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity))\n}\n\n.blur-2xl {\n --tw-blur: blur(40px);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n\n.hover\\:from-gray-800:hover {\n --tw-gradient-from: #1f2937 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n\n.hover\\:to-gray-950:hover {\n --tw-gradient-to: #030712 var(--tw-gradient-to-position)\n}\n\n.hover\\:brightness-90:hover {\n --tw-brightness: brightness(.9);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.group:hover .group-hover\\:w-full {\n width: 100%\n}\n\n.group:hover .group-hover\\:-translate-y-1 {\n --tw-translate-y: -0.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.group:hover .group-hover\\:via-yellow-500 {\n --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), #eab308 var(--tw-gradient-via-position), var(--tw-gradient-to)\n}\n\n.group:hover .group-hover\\:shadow-xl {\n --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n\n.group:hover .group-hover\\:shadow-red-900 {\n --tw-shadow-color: #7f1d1d;\n --tw-shadow: var(--tw-shadow-colored)\n}\n\n.group:hover .group-hover\\:blur-xl {\n --tw-blur: blur(24px);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}"}

dangerous-penguin-84

👁 实时预览

📝 源代码