{"product_id":"ed-headlights-with-animated-eyes","title":"🔥 Limited Time 50% OFF😈ED Headlights with Animated Evil Eyes","description":"\u003cdiv class=\"product__description rte quick-add-hidden\" style=\"--margin-top: 2.4rem;--margin-bottom: 2.4rem;\"\u003e\n \u003cstyle\u003e\n .demon-eye-trust-box {\n width: 100%;\n max-width: 760px;\n margin: 18px auto;\n padding: 14px 20px;\n\n background:\n radial-gradient(circle at 50% 0%, rgba(229, 35, 47, 0.12), transparent 55%),\n linear-gradient(135deg, #15171b 0%, #0d0f12 100%);\n\n border: 1px solid rgba(255, 68, 78, 0.75);\n border-radius: 12px;\n\n box-shadow:\n 0 0 18px rgba(220, 25, 38, 0.10),\n inset 0 0 20px rgba(255, 40, 50, 0.03);\n\n text-align: center;\n font-family: Arial, Helvetica, sans-serif;\n box-sizing: border-box;\n }\n\n .demon-eye-trust-box .trust-top {\n margin: 0 0 7px;\n color: #e7e7e7;\n font-size: 13px;\n line-height: 1.55;\n letter-spacing: 0.3px;\n }\n\n .demon-eye-trust-box .trust-top strong {\n color: #ff4652;\n font-weight: 800;\n letter-spacing: 0.7px;\n }\n\n .demon-eye-trust-box .trust-bottom {\n margin: 0;\n color: #ffffff;\n font-size: 13px;\n line-height: 1.65;\n font-weight: 700;\n letter-spacing: 0.45px;\n }\n\n .demon-eye-trust-box .divider {\n display: inline-block;\n margin: 0 8px;\n color: #666b73;\n }\n\n @media (max-width: 600px) {\n .demon-eye-trust-box {\n padding: 13px 12px;\n margin: 14px auto;\n border-radius: 10px;\n }\n\n .demon-eye-trust-box .trust-top,\n .demon-eye-trust-box .trust-bottom {\n font-size: 12px;\n }\n\n .demon-eye-trust-box .divider {\n margin: 0 5px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"demon-eye-trust-box\"\u003e\n\u003cp class=\"trust-top\"\u003e🔴 \u003cstrong\u003eGIVE YOUR CAR A PERSONALITY:\u003c\/strong\u003e Premium Animated Demon Eye Headlight Kit Built for Standout Style.\u003c\/p\u003e\n\u003cp class=\"trust-bottom\"\u003e👁️ 33 DISPLAY MODES \u003cspan class=\"divider\"\u003e|\u003c\/span\u003e 🎮 WIRELESS REMOTE CONTROL \u003cspan class=\"divider\"\u003e|\u003c\/span\u003e 🔥 BUILT TO TURN HEADS\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"demon-eye-feature-card\"\u003e\u003c!-- 顶部小标签 --\u003e\u003c\/div\u003e\n\u003cdiv class=\"demon-eye-feature-card\"\u003e\u003c!-- 顶部小标签 --\u003e\u003c\/div\u003e\n\u003cstyle\u003e\n\/* =========================================================\n LIVING EYES™ — CYBER DEMON EYE FEATURE BLOCK\n Shopify Safe \/ Responsive \/ Interactive\n========================================================= *\/\n\n#living-eyes-feature {\n --accent: #ff313d;\n --accent-rgb: 255,49,61;\n --cool: #708dff;\n --ink: #f7f7f8;\n --muted: #b5bac3;\n --panel: #0b0d10;\n\n width: 100%;\n max-width: 760px;\n margin: 20px auto;\n box-sizing: border-box;\n font-family: Arial, Helvetica, sans-serif;\n}\n\n\/* ---------- 整体卡片 ---------- *\/\n\n#living-eyes-feature .le-card {\n position: relative;\n overflow: hidden;\n\n padding: 22px 16px 18px;\n\n border-radius: 18px;\n border: 1px solid rgba(var(--accent-rgb), .34);\n\n background:\n radial-gradient(\n circle at 85% 8%,\n rgba(82,108,180,.15),\n transparent 30%\n ),\n radial-gradient(\n circle at 12% 90%,\n rgba(var(--accent-rgb),.10),\n transparent 32%\n ),\n linear-gradient(\n 145deg,\n #171a20 0%,\n #0c0e12 48%,\n #111318 100%\n );\n\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,.04),\n inset 0 0 45px rgba(255,255,255,.012);\n\n transition:\n border-color .4s ease,\n box-shadow .4s ease;\n}\n\n\/* 顶部环境冷光 *\/\n\n#living-eyes-feature .le-card::before {\n content: \"\";\n position: absolute;\n width: 300px;\n height: 170px;\n top: -90px;\n right: -60px;\n\n background:\n radial-gradient(\n ellipse,\n rgba(91,119,210,.16),\n transparent 68%\n );\n\n pointer-events: none;\n}\n\n\/* 底部 Demon Red 环境光 *\/\n\n#living-eyes-feature .le-card::after {\n content: \"\";\n position: absolute;\n width: 330px;\n height: 150px;\n left: 50%;\n bottom: -110px;\n transform: translateX(-50%);\n\n background:\n radial-gradient(\n ellipse,\n rgba(var(--accent-rgb),.22),\n transparent 70%\n );\n\n filter: blur(16px);\n pointer-events: none;\n}\n\n\n\/* ---------- 顶部标签 ---------- *\/\n\n#living-eyes-feature .le-eyebrow {\n position: relative;\n z-index: 3;\n\n margin: 0 0 7px;\n\n text-align: center;\n text-transform: uppercase;\n\n color: var(--accent);\n\n font-size: 11px;\n line-height: 1.5;\n font-weight: 800;\n letter-spacing: 1.4px;\n}\n\n\n\/* ---------- 主标题 ---------- *\/\n\n#living-eyes-feature .le-title {\n position: relative;\n z-index: 3;\n\n margin: 0 0 17px;\n\n text-align: center;\n\n color: var(--ink);\n\n font-family: \"Arial Narrow\", Arial, Helvetica, sans-serif;\n font-size: 31px;\n line-height: 1.08;\n font-weight: 900;\n letter-spacing: -.7px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n 主视觉区域\n========================================================= *\/\n\n#living-eyes-feature .le-visual {\n position: relative;\n z-index: 2;\n\n width: 100%;\n min-height: 470px;\n\n overflow: hidden;\n\n border-radius: 14px;\n border: 1px solid rgba(255,255,255,.07);\n\n background:\n \/* 左眼环境光 *\/\n radial-gradient(\n circle at 31% 48%,\n rgba(var(--accent-rgb),.24) 0%,\n rgba(var(--accent-rgb),.07) 12%,\n transparent 28%\n ),\n\n \/* 右眼环境光 *\/\n radial-gradient(\n circle at 69% 48%,\n rgba(var(--accent-rgb),.24) 0%,\n rgba(var(--accent-rgb),.07) 12%,\n transparent 28%\n ),\n\n \/* 顶部车库冷光 *\/\n linear-gradient(\n 180deg,\n rgba(88,111,176,.12),\n transparent 26%\n ),\n\n linear-gradient(\n 160deg,\n #161a20 0%,\n #080a0d 55%,\n #101216 100%\n );\n\n box-shadow:\n inset 0 -90px 100px rgba(0,0,0,.52),\n inset 0 0 60px rgba(0,0,0,.25);\n\n transition:\n box-shadow .45s ease,\n background .45s ease,\n transform .35s ease;\n}\n\n\n\/* ---------- 地下车库结构线 ---------- *\/\n\n#living-eyes-feature .garage-lines {\n position: absolute;\n inset: 0;\n z-index: 0;\n\n opacity: .65;\n\n background:\n linear-gradient(\n 90deg,\n transparent 8%,\n rgba(255,255,255,.035) 8.2%,\n transparent 8.6%,\n transparent 91%,\n rgba(255,255,255,.035) 91.2%,\n transparent 91.6%\n ),\n\n linear-gradient(\n 180deg,\n transparent 20%,\n rgba(255,255,255,.026) 20.2%,\n transparent 20.6%\n );\n\n pointer-events: none;\n}\n\n\n\/* ---------- 地面反射 ---------- *\/\n\n#living-eyes-feature .floor-glow {\n position: absolute;\n z-index: 1;\n\n width: 65%;\n height: 130px;\n\n left: 50%;\n bottom: -38px;\n\n transform: translateX(-50%);\n\n background:\n radial-gradient(\n ellipse,\n rgba(var(--accent-rgb),.24) 0%,\n rgba(var(--accent-rgb),.08) 38%,\n transparent 72%\n );\n\n filter: blur(15px);\n\n transition: background .45s ease;\n}\n\n\n\/* ---------- 两侧眼睛氛围光 ---------- *\/\n\n#living-eyes-feature .eye-glow {\n position: absolute;\n z-index: 1;\n\n top: 44%;\n\n width: 120px;\n height: 72px;\n\n border-radius: 50%;\n\n background:\n radial-gradient(\n ellipse,\n rgba(var(--accent-rgb),.37),\n rgba(var(--accent-rgb),.10) 42%,\n transparent 72%\n );\n\n filter: blur(9px);\n\n opacity: .8;\n\n animation: lePulse 2.5s ease-in-out infinite;\n}\n\n#living-eyes-feature .eye-glow.left {\n left: 15%;\n}\n\n#living-eyes-feature .eye-glow.right {\n right: 15%;\n}\n\n\n\/* ---------- 扫描光 ---------- *\/\n\n#living-eyes-feature .scan-line {\n position: absolute;\n z-index: 3;\n\n left: 10%;\n right: 10%;\n top: -8px;\n\n height: 1px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(var(--accent-rgb),.72),\n transparent\n );\n\n opacity: .4;\n\n animation: leScan 5s ease-in-out infinite;\n}\n\n\n\/* ---------- 产品图片 ---------- *\/\n\n#living-eyes-feature .le-image {\n position: absolute;\n inset: 0;\n z-index: 2;\n\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n\n transition:\n transform .6s cubic-bezier(.2,.7,.2,1),\n filter .45s ease;\n}\n\n\n\/* =========================================================\n 模式选择\n========================================================= *\/\n\n#living-eyes-feature .mode-panel {\n position: absolute;\n z-index: 5;\n\n left: 50%;\n bottom: 15px;\n\n transform: translateX(-50%);\n\n display: flex;\n gap: 7px;\n\n padding: 6px;\n\n border: 1px solid rgba(255,255,255,.10);\n border-radius: 999px;\n\n background: rgba(8,10,13,.78);\n\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n}\n\n\n#living-eyes-feature .mode-btn {\n min-height: 38px;\n\n padding: 8px 15px;\n\n border: 1px solid transparent;\n border-radius: 999px;\n\n background: transparent;\n\n color: #aeb3bc;\n\n font-size: 10px;\n line-height: 1;\n font-weight: 800;\n letter-spacing: .9px;\n\n cursor: pointer;\n\n transition:\n color .25s ease,\n background .25s ease,\n border-color .25s ease,\n box-shadow .25s ease;\n}\n\n\n#living-eyes-feature .mode-btn.active {\n color: #fff;\n\n border-color: rgba(var(--accent-rgb),.55);\n\n background:\n linear-gradient(\n 180deg,\n rgba(var(--accent-rgb),.30),\n rgba(var(--accent-rgb),.12)\n );\n\n box-shadow:\n 0 0 14px rgba(var(--accent-rgb),.16);\n}\n\n\n\/* =========================================================\n 底部文案\n========================================================= *\/\n\n#living-eyes-feature .le-copy {\n position: relative;\n z-index: 3;\n\n padding: 17px 14px 2px;\n\n text-align: center;\n}\n\n\n#living-eyes-feature .mode-title {\n margin: 0 0 5px;\n\n color: var(--accent);\n\n font-size: 12px;\n line-height: 1.4;\n font-weight: 900;\n letter-spacing: 1.1px;\n\n text-transform: uppercase;\n\n transition: color .35s ease;\n}\n\n\n#living-eyes-feature .le-description {\n max-width: 620px;\n margin: 0 auto;\n\n color: #d9dce2;\n\n font-size: 15px;\n line-height: 1.55;\n font-weight: 600;\n letter-spacing: .25px;\n}\n\n\n\/* =========================================================\n Hover\n========================================================= *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n #living-eyes-feature .le-card:hover {\n border-color: rgba(var(--accent-rgb),.58);\n\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,.05),\n 0 0 28px rgba(var(--accent-rgb),.07);\n }\n\n #living-eyes-feature .le-visual:hover .le-image {\n transform: scale(1.018);\n }\n\n #living-eyes-feature .le-visual:hover {\n box-shadow:\n inset 0 -90px 100px rgba(0,0,0,.48),\n inset 0 0 75px rgba(var(--accent-rgb),.08);\n }\n\n #living-eyes-feature .mode-btn:hover {\n color: #fff;\n border-color: rgba(255,255,255,.14);\n }\n}\n\n\n\/* =========================================================\n Animations\n========================================================= *\/\n\n@keyframes lePulse {\n\n 0%, 100% {\n opacity: .55;\n transform: scale(.92);\n }\n\n 50% {\n opacity: .95;\n transform: scale(1.08);\n }\n}\n\n\n@keyframes leScan {\n\n 0% {\n top: 12%;\n opacity: 0;\n }\n\n 20% {\n opacity: .4;\n }\n\n 75% {\n opacity: .25;\n }\n\n 100% {\n top: 82%;\n opacity: 0;\n }\n}\n\n\n\/* =========================================================\n Mobile\n========================================================= *\/\n\n@media (max-width:600px) {\n\n #living-eyes-feature {\n margin: 12px auto;\n }\n\n #living-eyes-feature .le-card {\n padding: 17px 9px 14px;\n border-radius: 15px;\n }\n\n #living-eyes-feature .le-eyebrow {\n font-size: 9.5px;\n letter-spacing: .9px;\n }\n\n #living-eyes-feature .le-title {\n font-size: 25px;\n margin-bottom: 13px;\n }\n\n #living-eyes-feature .le-visual {\n min-height: 390px;\n border-radius: 12px;\n }\n\n #living-eyes-feature .eye-glow {\n width: 88px;\n height: 58px;\n }\n\n #living-eyes-feature .mode-panel {\n width: calc(100% - 20px);\n justify-content: center;\n bottom: 10px;\n }\n\n #living-eyes-feature .mode-btn {\n flex: 1;\n padding: 8px 7px;\n font-size: 9px;\n }\n\n #living-eyes-feature .le-description {\n font-size: 13.5px;\n }\n\n}\n\n\n\/* 减少动态效果系统设置 *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n #living-eyes-feature *,\n #living-eyes-feature *::before,\n #living-eyes-feature *::after {\n animation: none !important;\n transition: none !important;\n }\n\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n\/* =========================================================\n LIVING EYES™ — CYBER DEMON EYE FEATURE BLOCK\n Shopify Safe \/ Responsive \/ Interactive\n========================================================= *\/\n\n#living-eyes-feature {\n --accent: #ff313d;\n --accent-rgb: 255,49,61;\n --cool: #708dff;\n --ink: #f7f7f8;\n --muted: #b5bac3;\n --panel: #0b0d10;\n\n width: 100%;\n max-width: 760px;\n margin: 20px auto;\n box-sizing: border-box;\n font-family: Arial, Helvetica, sans-serif;\n}\n\n\/* ---------- 整体卡片 ---------- *\/\n\n#living-eyes-feature .le-card {\n position: relative;\n overflow: hidden;\n\n padding: 22px 16px 18px;\n\n border-radius: 18px;\n border: 1px solid rgba(var(--accent-rgb), .34);\n\n background:\n radial-gradient(\n circle at 85% 8%,\n rgba(82,108,180,.15),\n transparent 30%\n ),\n radial-gradient(\n circle at 12% 90%,\n rgba(var(--accent-rgb),.10),\n transparent 32%\n ),\n linear-gradient(\n 145deg,\n #171a20 0%,\n #0c0e12 48%,\n #111318 100%\n );\n\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,.04),\n inset 0 0 45px rgba(255,255,255,.012);\n\n transition:\n border-color .4s ease,\n box-shadow .4s ease;\n}\n\n\/* 顶部环境冷光 *\/\n\n#living-eyes-feature .le-card::before {\n content: \"\";\n position: absolute;\n width: 300px;\n height: 170px;\n top: -90px;\n right: -60px;\n\n background:\n radial-gradient(\n ellipse,\n rgba(91,119,210,.16),\n transparent 68%\n );\n\n pointer-events: none;\n}\n\n\/* 底部 Demon Red 环境光 *\/\n\n#living-eyes-feature .le-card::after {\n content: \"\";\n position: absolute;\n width: 330px;\n height: 150px;\n left: 50%;\n bottom: -110px;\n transform: translateX(-50%);\n\n background:\n radial-gradient(\n ellipse,\n rgba(var(--accent-rgb),.22),\n transparent 70%\n );\n\n filter: blur(16px);\n pointer-events: none;\n}\n\n\n\/* ---------- 顶部标签 ---------- *\/\n\n#living-eyes-feature .le-eyebrow {\n position: relative;\n z-index: 3;\n\n margin: 0 0 7px;\n\n text-align: center;\n text-transform: uppercase;\n\n color: var(--accent);\n\n font-size: 11px;\n line-height: 1.5;\n font-weight: 800;\n letter-spacing: 1.4px;\n}\n\n\n\/* ---------- 主标题 ---------- *\/\n\n#living-eyes-feature .le-title {\n position: relative;\n z-index: 3;\n\n margin: 0 0 17px;\n\n text-align: center;\n\n color: var(--ink);\n\n font-family: \"Arial Narrow\", Arial, Helvetica, sans-serif;\n font-size: 31px;\n line-height: 1.08;\n font-weight: 900;\n letter-spacing: -.7px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n 主视觉区域\n========================================================= *\/\n\n#living-eyes-feature .le-visual {\n position: relative;\n z-index: 2;\n\n width: 100%;\n min-height: 470px;\n\n overflow: hidden;\n\n border-radius: 14px;\n border: 1px solid rgba(255,255,255,.07);\n\n background:\n \/* 左眼环境光 *\/\n radial-gradient(\n circle at 31% 48%,\n rgba(var(--accent-rgb),.24) 0%,\n rgba(var(--accent-rgb),.07) 12%,\n transparent 28%\n ),\n\n \/* 右眼环境光 *\/\n radial-gradient(\n circle at 69% 48%,\n rgba(var(--accent-rgb),.24) 0%,\n rgba(var(--accent-rgb),.07) 12%,\n transparent 28%\n ),\n\n \/* 顶部车库冷光 *\/\n linear-gradient(\n 180deg,\n rgba(88,111,176,.12),\n transparent 26%\n ),\n\n linear-gradient(\n 160deg,\n #161a20 0%,\n #080a0d 55%,\n #101216 100%\n );\n\n box-shadow:\n inset 0 -90px 100px rgba(0,0,0,.52),\n inset 0 0 60px rgba(0,0,0,.25);\n\n transition:\n box-shadow .45s ease,\n background .45s ease,\n transform .35s ease;\n}\n\n\n\/* ---------- 地下车库结构线 ---------- *\/\n\n#living-eyes-feature .garage-lines {\n position: absolute;\n inset: 0;\n z-index: 0;\n\n opacity: .65;\n\n background:\n linear-gradient(\n 90deg,\n transparent 8%,\n rgba(255,255,255,.035) 8.2%,\n transparent 8.6%,\n transparent 91%,\n rgba(255,255,255,.035) 91.2%,\n transparent 91.6%\n ),\n\n linear-gradient(\n 180deg,\n transparent 20%,\n rgba(255,255,255,.026) 20.2%,\n transparent 20.6%\n );\n\n pointer-events: none;\n}\n\n\n\/* ---------- 地面反射 ---------- *\/\n\n#living-eyes-feature .floor-glow {\n position: absolute;\n z-index: 1;\n\n width: 65%;\n height: 130px;\n\n left: 50%;\n bottom: -38px;\n\n transform: translateX(-50%);\n\n background:\n radial-gradient(\n ellipse,\n rgba(var(--accent-rgb),.24) 0%,\n rgba(var(--accent-rgb),.08) 38%,\n transparent 72%\n );\n\n filter: blur(15px);\n\n transition: background .45s ease;\n}\n\n\n\/* ---------- 两侧眼睛氛围光 ---------- *\/\n\n#living-eyes-feature .eye-glow {\n position: absolute;\n z-index: 1;\n\n top: 44%;\n\n width: 120px;\n height: 72px;\n\n border-radius: 50%;\n\n background:\n radial-gradient(\n ellipse,\n rgba(var(--accent-rgb),.37),\n rgba(var(--accent-rgb),.10) 42%,\n transparent 72%\n );\n\n filter: blur(9px);\n\n opacity: .8;\n\n animation: lePulse 2.5s ease-in-out infinite;\n}\n\n#living-eyes-feature .eye-glow.left {\n left: 15%;\n}\n\n#living-eyes-feature .eye-glow.right {\n right: 15%;\n}\n\n\n\/* ---------- 扫描光 ---------- *\/\n\n#living-eyes-feature .scan-line {\n position: absolute;\n z-index: 3;\n\n left: 10%;\n right: 10%;\n top: -8px;\n\n height: 1px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(var(--accent-rgb),.72),\n transparent\n );\n\n opacity: .4;\n\n animation: leScan 5s ease-in-out infinite;\n}\n\n\n\/* ---------- 产品图片 ---------- *\/\n\n#living-eyes-feature .le-image {\n position: absolute;\n inset: 0;\n z-index: 2;\n\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n\n transition:\n transform .6s cubic-bezier(.2,.7,.2,1),\n filter .45s ease;\n}\n\n\n\/* =========================================================\n 模式选择\n========================================================= *\/\n\n#living-eyes-feature .mode-panel {\n position: absolute;\n z-index: 5;\n\n left: 50%;\n bottom: 15px;\n\n transform: translateX(-50%);\n\n display: flex;\n gap: 7px;\n\n padding: 6px;\n\n border: 1px solid rgba(255,255,255,.10);\n border-radius: 999px;\n\n background: rgba(8,10,13,.78);\n\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n}\n\n\n#living-eyes-feature .mode-btn {\n min-height: 38px;\n\n padding: 8px 15px;\n\n border: 1px solid transparent;\n border-radius: 999px;\n\n background: transparent;\n\n color: #aeb3bc;\n\n font-size: 10px;\n line-height: 1;\n font-weight: 800;\n letter-spacing: .9px;\n\n cursor: pointer;\n\n transition:\n color .25s ease,\n background .25s ease,\n border-color .25s ease,\n box-shadow .25s ease;\n}\n\n\n#living-eyes-feature .mode-btn.active {\n color: #fff;\n\n border-color: rgba(var(--accent-rgb),.55);\n\n background:\n linear-gradient(\n 180deg,\n rgba(var(--accent-rgb),.30),\n rgba(var(--accent-rgb),.12)\n );\n\n box-shadow:\n 0 0 14px rgba(var(--accent-rgb),.16);\n}\n\n\n\/* =========================================================\n 底部文案\n========================================================= *\/\n\n#living-eyes-feature .le-copy {\n position: relative;\n z-index: 3;\n\n padding: 17px 14px 2px;\n\n text-align: center;\n}\n\n\n#living-eyes-feature .mode-title {\n margin: 0 0 5px;\n\n color: var(--accent);\n\n font-size: 12px;\n line-height: 1.4;\n font-weight: 900;\n letter-spacing: 1.1px;\n\n text-transform: uppercase;\n\n transition: color .35s ease;\n}\n\n\n#living-eyes-feature .le-description {\n max-width: 620px;\n margin: 0 auto;\n\n color: #d9dce2;\n\n font-size: 15px;\n line-height: 1.55;\n font-weight: 600;\n letter-spacing: .25px;\n}\n\n\n\/* =========================================================\n Hover\n========================================================= *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n #living-eyes-feature .le-card:hover {\n border-color: rgba(var(--accent-rgb),.58);\n\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,.05),\n 0 0 28px rgba(var(--accent-rgb),.07);\n }\n\n #living-eyes-feature .le-visual:hover .le-image {\n transform: scale(1.018);\n }\n\n #living-eyes-feature .le-visual:hover {\n box-shadow:\n inset 0 -90px 100px rgba(0,0,0,.48),\n inset 0 0 75px rgba(var(--accent-rgb),.08);\n }\n\n #living-eyes-feature .mode-btn:hover {\n color: #fff;\n border-color: rgba(255,255,255,.14);\n }\n}\n\n\n\/* =========================================================\n Animations\n========================================================= *\/\n\n@keyframes lePulse {\n\n 0%, 100% {\n opacity: .55;\n transform: scale(.92);\n }\n\n 50% {\n opacity: .95;\n transform: scale(1.08);\n }\n}\n\n\n@keyframes leScan {\n\n 0% {\n top: 12%;\n opacity: 0;\n }\n\n 20% {\n opacity: .4;\n }\n\n 75% {\n opacity: .25;\n }\n\n 100% {\n top: 82%;\n opacity: 0;\n }\n}\n\n\n\/* =========================================================\n Mobile\n========================================================= *\/\n\n@media (max-width:600px) {\n\n #living-eyes-feature {\n margin: 12px auto;\n }\n\n #living-eyes-feature .le-card {\n padding: 17px 9px 14px;\n border-radius: 15px;\n }\n\n #living-eyes-feature .le-eyebrow {\n font-size: 9.5px;\n letter-spacing: .9px;\n }\n\n #living-eyes-feature .le-title {\n font-size: 25px;\n margin-bottom: 13px;\n }\n\n #living-eyes-feature .le-visual {\n min-height: 390px;\n border-radius: 12px;\n }\n\n #living-eyes-feature .eye-glow {\n width: 88px;\n height: 58px;\n }\n\n #living-eyes-feature .mode-panel {\n width: calc(100% - 20px);\n justify-content: center;\n bottom: 10px;\n }\n\n #living-eyes-feature .mode-btn {\n flex: 1;\n padding: 8px 7px;\n font-size: 9px;\n }\n\n #living-eyes-feature .le-description {\n font-size: 13.5px;\n }\n\n}\n\n\n\/* 减少动态效果系统设置 *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n #living-eyes-feature *,\n #living-eyes-feature *::before,\n #living-eyes-feature *::after {\n animation: none !important;\n transition: none !important;\n }\n\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n\/* =========================================================\n LIVING EYES™\n Cyber Demon Eye Automotive Feature Section\n========================================================= *\/\n\n.demon-love-section{\n --de-bg:#0b0d10;\n --de-bg-soft:#12151a;\n --de-panel:#15181e;\n --de-panel-2:#0f1216;\n --de-red:#ff3945;\n --de-red-soft:rgba(255,57,69,.14);\n --de-blue:#7794ff;\n --de-text:#f6f7f8;\n --de-muted:#b7bcc5;\n --de-line:rgba(255,255,255,.09);\n\n width:100%;\n max-width:780px;\n margin:20px auto;\n padding:22px 18px 24px;\n box-sizing:border-box;\n\n position:relative;\n overflow:hidden;\n\n border:1px solid rgba(255,57,69,.20);\n border-radius:20px;\n\n background:\n radial-gradient(\n circle at 88% 8%,\n rgba(91,116,200,.16),\n transparent 28%\n ),\n radial-gradient(\n circle at 8% 86%,\n rgba(255,57,69,.10),\n transparent 30%\n ),\n linear-gradient(\n 145deg,\n #15181d 0%,\n #090b0e 52%,\n #111318 100%\n );\n\n font-family:Arial,Helvetica,sans-serif;\n\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,.04),\n inset 0 0 50px rgba(255,255,255,.012);\n}\n\n\n\/* subtle red atmosphere *\/\n.demon-love-section:after{\n content:\"\";\n position:absolute;\n left:50%;\n bottom:-100px;\n\n width:430px;\n height:170px;\n\n transform:translateX(-50%);\n\n background:\n radial-gradient(\n ellipse,\n rgba(255,38,51,.17),\n transparent 70%\n );\n\n filter:blur(20px);\n pointer-events:none;\n}\n\n\n\/* =========================================================\n TOP HEADING\n========================================================= *\/\n\n.demon-love-heading{\n position:relative;\n z-index:2;\n\n margin:0 auto 17px;\n\n text-align:center;\n\n color:#f5f5f6;\n\n font-size:21px;\n line-height:1.25;\n font-weight:850;\n letter-spacing:.25px;\n}\n\n.demon-love-heading .red{\n color:var(--de-red);\n}\n\n.demon-love-heading .blue{\n color:#9aacff;\n}\n\n\n\/* =========================================================\n MAIN IMAGE AREA\n Replace YOUR-IMAGE-URL.jpg\n========================================================= *\/\n\n.demon-love-media{\n position:relative;\n z-index:2;\n\n width:100%;\n min-height:510px;\n\n overflow:hidden;\n\n border-radius:15px;\n border:1px solid rgba(255,255,255,.08);\n\n background:\n radial-gradient(\n circle at 31% 48%,\n rgba(255,45,58,.20),\n transparent 18%\n ),\n radial-gradient(\n circle at 69% 48%,\n rgba(255,45,58,.20),\n transparent 18%\n ),\n linear-gradient(\n 180deg,\n rgba(91,116,190,.10),\n transparent 25%\n ),\n linear-gradient(\n 155deg,\n #161a20,\n #07090c 58%,\n #111318\n );\n\n box-shadow:\n inset 0 -85px 100px rgba(0,0,0,.48);\n}\n\n\n\/* garage lines *\/\n.demon-love-media:before{\n content:\"\";\n position:absolute;\n inset:0;\n\n background:\n linear-gradient(\n 90deg,\n transparent 10%,\n rgba(255,255,255,.035) 10.2%,\n transparent 10.6%,\n transparent 89%,\n rgba(255,255,255,.035) 89.2%,\n transparent 89.6%\n ),\n\n linear-gradient(\n 180deg,\n transparent 18%,\n rgba(255,255,255,.026) 18.2%,\n transparent 18.6%\n );\n\n pointer-events:none;\n}\n\n\n\/* floor reflection *\/\n.demon-love-media:after{\n content:\"\";\n position:absolute;\n\n width:62%;\n height:120px;\n\n left:50%;\n bottom:-34px;\n\n transform:translateX(-50%);\n\n background:\n radial-gradient(\n ellipse,\n rgba(255,39,52,.23),\n rgba(255,39,52,.07) 40%,\n transparent 72%\n );\n\n filter:blur(15px);\n pointer-events:none;\n}\n\n\n.demon-love-media img{\n width:100%;\n height:100%;\n\n position:absolute;\n inset:0;\n\n object-fit:cover;\n\n display:block;\n\n transition:\n transform .55s ease,\n filter .4s ease;\n}\n\n\n@media (hover:hover) and (pointer:fine){\n\n .demon-love-media:hover img{\n transform:scale(1.018);\n }\n\n}\n\n\n\/* =========================================================\n FEATURE GRID\n========================================================= *\/\n\n.demon-love-grid{\n position:relative;\n z-index:3;\n\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:10px;\n\n margin-top:14px;\n}\n\n\n.demon-love-card{\n position:relative;\n overflow:hidden;\n\n min-height:112px;\n\n padding:14px 15px;\n\n border:1px solid rgba(255,57,69,.20);\n border-radius:13px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.035),\n rgba(255,255,255,.012)\n ),\n var(--de-panel-2);\n\n transition:\n transform .25s ease,\n border-color .25s ease,\n background .25s ease;\n}\n\n\n.demon-love-card:before{\n content:\"\";\n\n position:absolute;\n left:0;\n top:17%;\n bottom:17%;\n\n width:2px;\n\n border-radius:2px;\n\n background:\n linear-gradient(\n 180deg,\n transparent,\n var(--de-red),\n transparent\n );\n\n opacity:.65;\n}\n\n\n@media (hover:hover) and (pointer:fine){\n\n .demon-love-card:hover{\n transform:translateY(-2px);\n\n border-color:rgba(255,57,69,.48);\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,57,69,.07),\n rgba(255,255,255,.016)\n ),\n #101318;\n }\n\n}\n\n\n.demon-love-card-title{\n display:flex;\n align-items:center;\n gap:7px;\n\n margin:0 0 6px;\n\n color:var(--de-text);\n\n font-size:14px;\n line-height:1.3;\n font-weight:850;\n letter-spacing:.35px;\n}\n\n\n.demon-love-icon{\n flex:0 0 auto;\n\n font-size:15px;\n line-height:1;\n}\n\n\n.demon-love-card p{\n margin:0;\n\n color:var(--de-muted);\n\n font-size:12.5px;\n line-height:1.48;\n font-weight:500;\n letter-spacing:.25px;\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n .demon-love-section{\n margin:12px auto;\n padding:17px 10px 18px;\n\n border-radius:16px;\n }\n\n\n .demon-love-heading{\n max-width:330px;\n\n margin-bottom:13px;\n\n font-size:18px;\n line-height:1.28;\n }\n\n\n .demon-love-media{\n min-height:390px;\n border-radius:12px;\n }\n\n\n .demon-love-grid{\n gap:8px;\n }\n\n\n .demon-love-card{\n min-height:120px;\n\n padding:12px 11px;\n }\n\n\n .demon-love-card-title{\n gap:5px;\n\n font-size:12.5px;\n }\n\n\n .demon-love-card p{\n font-size:11.5px;\n line-height:1.45;\n }\n\n}\n\n\n\/* very narrow screens *\/\n@media(max-width:390px){\n\n .demon-love-grid{\n grid-template-columns:1fr;\n }\n\n .demon-love-card{\n min-height:auto;\n }\n\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n\/* =========================================================\n LIVING EYES™ — CYBER DEMON EYE FEATURE BLOCK\n Shopify Safe \/ Responsive \/ Interactive\n========================================================= *\/\n\n#living-eyes-feature {\n --accent: #ff313d;\n --accent-rgb: 255,49,61;\n --cool: #708dff;\n --ink: #f7f7f8;\n --muted: #b5bac3;\n --panel: #0b0d10;\n\n width: 100%;\n max-width: 760px;\n margin: 20px auto;\n box-sizing: border-box;\n font-family: Arial, Helvetica, sans-serif;\n}\n\n\/* ---------- 整体卡片 ---------- *\/\n\n#living-eyes-feature .le-card {\n position: relative;\n overflow: hidden;\n\n padding: 22px 16px 18px;\n\n border-radius: 18px;\n border: 1px solid rgba(var(--accent-rgb), .34);\n\n background:\n radial-gradient(\n circle at 85% 8%,\n rgba(82,108,180,.15),\n transparent 30%\n ),\n radial-gradient(\n circle at 12% 90%,\n rgba(var(--accent-rgb),.10),\n transparent 32%\n ),\n linear-gradient(\n 145deg,\n #171a20 0%,\n #0c0e12 48%,\n #111318 100%\n );\n\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,.04),\n inset 0 0 45px rgba(255,255,255,.012);\n\n transition:\n border-color .4s ease,\n box-shadow .4s ease;\n}\n\n\/* 顶部环境冷光 *\/\n\n#living-eyes-feature .le-card::before {\n content: \"\";\n position: absolute;\n width: 300px;\n height: 170px;\n top: -90px;\n right: -60px;\n\n background:\n radial-gradient(\n ellipse,\n rgba(91,119,210,.16),\n transparent 68%\n );\n\n pointer-events: none;\n}\n\n\/* 底部 Demon Red 环境光 *\/\n\n#living-eyes-feature .le-card::after {\n content: \"\";\n position: absolute;\n width: 330px;\n height: 150px;\n left: 50%;\n bottom: -110px;\n transform: translateX(-50%);\n\n background:\n radial-gradient(\n ellipse,\n rgba(var(--accent-rgb),.22),\n transparent 70%\n );\n\n filter: blur(16px);\n pointer-events: none;\n}\n\n\n\/* ---------- 顶部标签 ---------- *\/\n\n#living-eyes-feature .le-eyebrow {\n position: relative;\n z-index: 3;\n\n margin: 0 0 7px;\n\n text-align: center;\n text-transform: uppercase;\n\n color: var(--accent);\n\n font-size: 11px;\n line-height: 1.5;\n font-weight: 800;\n letter-spacing: 1.4px;\n}\n\n\n\/* ---------- 主标题 ---------- *\/\n\n#living-eyes-feature .le-title {\n position: relative;\n z-index: 3;\n\n margin: 0 0 17px;\n\n text-align: center;\n\n color: var(--ink);\n\n font-family: \"Arial Narrow\", Arial, Helvetica, sans-serif;\n font-size: 31px;\n line-height: 1.08;\n font-weight: 900;\n letter-spacing: -.7px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n 主视觉区域\n========================================================= *\/\n\n#living-eyes-feature .le-visual {\n position: relative;\n z-index: 2;\n\n width: 100%;\n min-height: 470px;\n\n overflow: hidden;\n\n border-radius: 14px;\n border: 1px solid rgba(255,255,255,.07);\n\n background:\n \/* 左眼环境光 *\/\n radial-gradient(\n circle at 31% 48%,\n rgba(var(--accent-rgb),.24) 0%,\n rgba(var(--accent-rgb),.07) 12%,\n transparent 28%\n ),\n\n \/* 右眼环境光 *\/\n radial-gradient(\n circle at 69% 48%,\n rgba(var(--accent-rgb),.24) 0%,\n rgba(var(--accent-rgb),.07) 12%,\n transparent 28%\n ),\n\n \/* 顶部车库冷光 *\/\n linear-gradient(\n 180deg,\n rgba(88,111,176,.12),\n transparent 26%\n ),\n\n linear-gradient(\n 160deg,\n #161a20 0%,\n #080a0d 55%,\n #101216 100%\n );\n\n box-shadow:\n inset 0 -90px 100px rgba(0,0,0,.52),\n inset 0 0 60px rgba(0,0,0,.25);\n\n transition:\n box-shadow .45s ease,\n background .45s ease,\n transform .35s ease;\n}\n\n\n\/* ---------- 地下车库结构线 ---------- *\/\n\n#living-eyes-feature .garage-lines {\n position: absolute;\n inset: 0;\n z-index: 0;\n\n opacity: .65;\n\n background:\n linear-gradient(\n 90deg,\n transparent 8%,\n rgba(255,255,255,.035) 8.2%,\n transparent 8.6%,\n transparent 91%,\n rgba(255,255,255,.035) 91.2%,\n transparent 91.6%\n ),\n\n linear-gradient(\n 180deg,\n transparent 20%,\n rgba(255,255,255,.026) 20.2%,\n transparent 20.6%\n );\n\n pointer-events: none;\n}\n\n\n\/* ---------- 地面反射 ---------- *\/\n\n#living-eyes-feature .floor-glow {\n position: absolute;\n z-index: 1;\n\n width: 65%;\n height: 130px;\n\n left: 50%;\n bottom: -38px;\n\n transform: translateX(-50%);\n\n background:\n radial-gradient(\n ellipse,\n rgba(var(--accent-rgb),.24) 0%,\n rgba(var(--accent-rgb),.08) 38%,\n transparent 72%\n );\n\n filter: blur(15px);\n\n transition: background .45s ease;\n}\n\n\n\/* ---------- 两侧眼睛氛围光 ---------- *\/\n\n#living-eyes-feature .eye-glow {\n position: absolute;\n z-index: 1;\n\n top: 44%;\n\n width: 120px;\n height: 72px;\n\n border-radius: 50%;\n\n background:\n radial-gradient(\n ellipse,\n rgba(var(--accent-rgb),.37),\n rgba(var(--accent-rgb),.10) 42%,\n transparent 72%\n );\n\n filter: blur(9px);\n\n opacity: .8;\n\n animation: lePulse 2.5s ease-in-out infinite;\n}\n\n#living-eyes-feature .eye-glow.left {\n left: 15%;\n}\n\n#living-eyes-feature .eye-glow.right {\n right: 15%;\n}\n\n\n\/* ---------- 扫描光 ---------- *\/\n\n#living-eyes-feature .scan-line {\n position: absolute;\n z-index: 3;\n\n left: 10%;\n right: 10%;\n top: -8px;\n\n height: 1px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(var(--accent-rgb),.72),\n transparent\n );\n\n opacity: .4;\n\n animation: leScan 5s ease-in-out infinite;\n}\n\n\n\/* ---------- 产品图片 ---------- *\/\n\n#living-eyes-feature .le-image {\n position: absolute;\n inset: 0;\n z-index: 2;\n\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n\n transition:\n transform .6s cubic-bezier(.2,.7,.2,1),\n filter .45s ease;\n}\n\n\n\/* =========================================================\n 模式选择\n========================================================= *\/\n\n#living-eyes-feature .mode-panel {\n position: absolute;\n z-index: 5;\n\n left: 50%;\n bottom: 15px;\n\n transform: translateX(-50%);\n\n display: flex;\n gap: 7px;\n\n padding: 6px;\n\n border: 1px solid rgba(255,255,255,.10);\n border-radius: 999px;\n\n background: rgba(8,10,13,.78);\n\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n}\n\n\n#living-eyes-feature .mode-btn {\n min-height: 38px;\n\n padding: 8px 15px;\n\n border: 1px solid transparent;\n border-radius: 999px;\n\n background: transparent;\n\n color: #aeb3bc;\n\n font-size: 10px;\n line-height: 1;\n font-weight: 800;\n letter-spacing: .9px;\n\n cursor: pointer;\n\n transition:\n color .25s ease,\n background .25s ease,\n border-color .25s ease,\n box-shadow .25s ease;\n}\n\n\n#living-eyes-feature .mode-btn.active {\n color: #fff;\n\n border-color: rgba(var(--accent-rgb),.55);\n\n background:\n linear-gradient(\n 180deg,\n rgba(var(--accent-rgb),.30),\n rgba(var(--accent-rgb),.12)\n );\n\n box-shadow:\n 0 0 14px rgba(var(--accent-rgb),.16);\n}\n\n\n\/* =========================================================\n 底部文案\n========================================================= *\/\n\n#living-eyes-feature .le-copy {\n position: relative;\n z-index: 3;\n\n padding: 17px 14px 2px;\n\n text-align: center;\n}\n\n\n#living-eyes-feature .mode-title {\n margin: 0 0 5px;\n\n color: var(--accent);\n\n font-size: 12px;\n line-height: 1.4;\n font-weight: 900;\n letter-spacing: 1.1px;\n\n text-transform: uppercase;\n\n transition: color .35s ease;\n}\n\n\n#living-eyes-feature .le-description {\n max-width: 620px;\n margin: 0 auto;\n\n color: #d9dce2;\n\n font-size: 15px;\n line-height: 1.55;\n font-weight: 600;\n letter-spacing: .25px;\n}\n\n\n\/* =========================================================\n Hover\n========================================================= *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n #living-eyes-feature .le-card:hover {\n border-color: rgba(var(--accent-rgb),.58);\n\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,.05),\n 0 0 28px rgba(var(--accent-rgb),.07);\n }\n\n #living-eyes-feature .le-visual:hover .le-image {\n transform: scale(1.018);\n }\n\n #living-eyes-feature .le-visual:hover {\n box-shadow:\n inset 0 -90px 100px rgba(0,0,0,.48),\n inset 0 0 75px rgba(var(--accent-rgb),.08);\n }\n\n #living-eyes-feature .mode-btn:hover {\n color: #fff;\n border-color: rgba(255,255,255,.14);\n }\n}\n\n\n\/* =========================================================\n Animations\n========================================================= *\/\n\n@keyframes lePulse {\n\n 0%, 100% {\n opacity: .55;\n transform: scale(.92);\n }\n\n 50% {\n opacity: .95;\n transform: scale(1.08);\n }\n}\n\n\n@keyframes leScan {\n\n 0% {\n top: 12%;\n opacity: 0;\n }\n\n 20% {\n opacity: .4;\n }\n\n 75% {\n opacity: .25;\n }\n\n 100% {\n top: 82%;\n opacity: 0;\n }\n}\n\n\n\/* =========================================================\n Mobile\n========================================================= *\/\n\n@media (max-width:600px) {\n\n #living-eyes-feature {\n margin: 12px auto;\n }\n\n #living-eyes-feature .le-card {\n padding: 17px 9px 14px;\n border-radius: 15px;\n }\n\n #living-eyes-feature .le-eyebrow {\n font-size: 9.5px;\n letter-spacing: .9px;\n }\n\n #living-eyes-feature .le-title {\n font-size: 25px;\n margin-bottom: 13px;\n }\n\n #living-eyes-feature .le-visual {\n min-height: 390px;\n border-radius: 12px;\n }\n\n #living-eyes-feature .eye-glow {\n width: 88px;\n height: 58px;\n }\n\n #living-eyes-feature .mode-panel {\n width: calc(100% - 20px);\n justify-content: center;\n bottom: 10px;\n }\n\n #living-eyes-feature .mode-btn {\n flex: 1;\n padding: 8px 7px;\n font-size: 9px;\n }\n\n #living-eyes-feature .le-description {\n font-size: 13.5px;\n }\n\n}\n\n\n\/* 减少动态效果系统设置 *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n #living-eyes-feature *,\n #living-eyes-feature *::before,\n #living-eyes-feature *::after {\n animation: none !important;\n transition: none !important;\n }\n\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n\/* =========================================================\n LIVING EYES™ — CYBER DEMON EYE FEATURE BLOCK\n Shopify Safe \/ Responsive \/ Interactive\n========================================================= *\/\n\n#living-eyes-feature {\n --accent: #ff313d;\n --accent-rgb: 255,49,61;\n --cool: #708dff;\n --ink: #f7f7f8;\n --muted: #b5bac3;\n --panel: #0b0d10;\n\n width: 100%;\n max-width: 760px;\n margin: 20px auto;\n box-sizing: border-box;\n font-family: Arial, Helvetica, sans-serif;\n}\n\n\/* ---------- 整体卡片 ---------- *\/\n\n#living-eyes-feature .le-card {\n position: relative;\n overflow: hidden;\n\n padding: 22px 16px 18px;\n\n border-radius: 18px;\n border: 1px solid rgba(var(--accent-rgb), .34);\n\n background:\n radial-gradient(\n circle at 85% 8%,\n rgba(82,108,180,.15),\n transparent 30%\n ),\n radial-gradient(\n circle at 12% 90%,\n rgba(var(--accent-rgb),.10),\n transparent 32%\n ),\n linear-gradient(\n 145deg,\n #171a20 0%,\n #0c0e12 48%,\n #111318 100%\n );\n\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,.04),\n inset 0 0 45px rgba(255,255,255,.012);\n\n transition:\n border-color .4s ease,\n box-shadow .4s ease;\n}\n\n\/* 顶部环境冷光 *\/\n\n#living-eyes-feature .le-card::before {\n content: \"\";\n position: absolute;\n width: 300px;\n height: 170px;\n top: -90px;\n right: -60px;\n\n background:\n radial-gradient(\n ellipse,\n rgba(91,119,210,.16),\n transparent 68%\n );\n\n pointer-events: none;\n}\n\n\/* 底部 Demon Red 环境光 *\/\n\n#living-eyes-feature .le-card::after {\n content: \"\";\n position: absolute;\n width: 330px;\n height: 150px;\n left: 50%;\n bottom: -110px;\n transform: translateX(-50%);\n\n background:\n radial-gradient(\n ellipse,\n rgba(var(--accent-rgb),.22),\n transparent 70%\n );\n\n filter: blur(16px);\n pointer-events: none;\n}\n\n\n\/* ---------- 顶部标签 ---------- *\/\n\n#living-eyes-feature .le-eyebrow {\n position: relative;\n z-index: 3;\n\n margin: 0 0 7px;\n\n text-align: center;\n text-transform: uppercase;\n\n color: var(--accent);\n\n font-size: 11px;\n line-height: 1.5;\n font-weight: 800;\n letter-spacing: 1.4px;\n}\n\n\n\/* ---------- 主标题 ---------- *\/\n\n#living-eyes-feature .le-title {\n position: relative;\n z-index: 3;\n\n margin: 0 0 17px;\n\n text-align: center;\n\n color: var(--ink);\n\n font-family: \"Arial Narrow\", Arial, Helvetica, sans-serif;\n font-size: 31px;\n line-height: 1.08;\n font-weight: 900;\n letter-spacing: -.7px;\n\n text-transform: uppercase;\n}\n\n\n\/* =========================================================\n 主视觉区域\n========================================================= *\/\n\n#living-eyes-feature .le-visual {\n position: relative;\n z-index: 2;\n\n width: 100%;\n min-height: 470px;\n\n overflow: hidden;\n\n border-radius: 14px;\n border: 1px solid rgba(255,255,255,.07);\n\n background:\n \/* 左眼环境光 *\/\n radial-gradient(\n circle at 31% 48%,\n rgba(var(--accent-rgb),.24) 0%,\n rgba(var(--accent-rgb),.07) 12%,\n transparent 28%\n ),\n\n \/* 右眼环境光 *\/\n radial-gradient(\n circle at 69% 48%,\n rgba(var(--accent-rgb),.24) 0%,\n rgba(var(--accent-rgb),.07) 12%,\n transparent 28%\n ),\n\n \/* 顶部车库冷光 *\/\n linear-gradient(\n 180deg,\n rgba(88,111,176,.12),\n transparent 26%\n ),\n\n linear-gradient(\n 160deg,\n #161a20 0%,\n #080a0d 55%,\n #101216 100%\n );\n\n box-shadow:\n inset 0 -90px 100px rgba(0,0,0,.52),\n inset 0 0 60px rgba(0,0,0,.25);\n\n transition:\n box-shadow .45s ease,\n background .45s ease,\n transform .35s ease;\n}\n\n\n\/* ---------- 地下车库结构线 ---------- *\/\n\n#living-eyes-feature .garage-lines {\n position: absolute;\n inset: 0;\n z-index: 0;\n\n opacity: .65;\n\n background:\n linear-gradient(\n 90deg,\n transparent 8%,\n rgba(255,255,255,.035) 8.2%,\n transparent 8.6%,\n transparent 91%,\n rgba(255,255,255,.035) 91.2%,\n transparent 91.6%\n ),\n\n linear-gradient(\n 180deg,\n transparent 20%,\n rgba(255,255,255,.026) 20.2%,\n transparent 20.6%\n );\n\n pointer-events: none;\n}\n\n\n\/* ---------- 地面反射 ---------- *\/\n\n#living-eyes-feature .floor-glow {\n position: absolute;\n z-index: 1;\n\n width: 65%;\n height: 130px;\n\n left: 50%;\n bottom: -38px;\n\n transform: translateX(-50%);\n\n background:\n radial-gradient(\n ellipse,\n rgba(var(--accent-rgb),.24) 0%,\n rgba(var(--accent-rgb),.08) 38%,\n transparent 72%\n );\n\n filter: blur(15px);\n\n transition: background .45s ease;\n}\n\n\n\/* ---------- 两侧眼睛氛围光 ---------- *\/\n\n#living-eyes-feature .eye-glow {\n position: absolute;\n z-index: 1;\n\n top: 44%;\n\n width: 120px;\n height: 72px;\n\n border-radius: 50%;\n\n background:\n radial-gradient(\n ellipse,\n rgba(var(--accent-rgb),.37),\n rgba(var(--accent-rgb),.10) 42%,\n transparent 72%\n );\n\n filter: blur(9px);\n\n opacity: .8;\n\n animation: lePulse 2.5s ease-in-out infinite;\n}\n\n#living-eyes-feature .eye-glow.left {\n left: 15%;\n}\n\n#living-eyes-feature .eye-glow.right {\n right: 15%;\n}\n\n\n\/* ---------- 扫描光 ---------- *\/\n\n#living-eyes-feature .scan-line {\n position: absolute;\n z-index: 3;\n\n left: 10%;\n right: 10%;\n top: -8px;\n\n height: 1px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(var(--accent-rgb),.72),\n transparent\n );\n\n opacity: .4;\n\n animation: leScan 5s ease-in-out infinite;\n}\n\n\n\/* ---------- 产品图片 ---------- *\/\n\n#living-eyes-feature .le-image {\n position: absolute;\n inset: 0;\n z-index: 2;\n\n width: 100%;\n height: 100%;\n\n object-fit: cover;\n\n transition:\n transform .6s cubic-bezier(.2,.7,.2,1),\n filter .45s ease;\n}\n\n\n\/* =========================================================\n 模式选择\n========================================================= *\/\n\n#living-eyes-feature .mode-panel {\n position: absolute;\n z-index: 5;\n\n left: 50%;\n bottom: 15px;\n\n transform: translateX(-50%);\n\n display: flex;\n gap: 7px;\n\n padding: 6px;\n\n border: 1px solid rgba(255,255,255,.10);\n border-radius: 999px;\n\n background: rgba(8,10,13,.78);\n\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n}\n\n\n#living-eyes-feature .mode-btn {\n min-height: 38px;\n\n padding: 8px 15px;\n\n border: 1px solid transparent;\n border-radius: 999px;\n\n background: transparent;\n\n color: #aeb3bc;\n\n font-size: 10px;\n line-height: 1;\n font-weight: 800;\n letter-spacing: .9px;\n\n cursor: pointer;\n\n transition:\n color .25s ease,\n background .25s ease,\n border-color .25s ease,\n box-shadow .25s ease;\n}\n\n\n#living-eyes-feature .mode-btn.active {\n color: #fff;\n\n border-color: rgba(var(--accent-rgb),.55);\n\n background:\n linear-gradient(\n 180deg,\n rgba(var(--accent-rgb),.30),\n rgba(var(--accent-rgb),.12)\n );\n\n box-shadow:\n 0 0 14px rgba(var(--accent-rgb),.16);\n}\n\n\n\/* =========================================================\n 底部文案\n========================================================= *\/\n\n#living-eyes-feature .le-copy {\n position: relative;\n z-index: 3;\n\n padding: 17px 14px 2px;\n\n text-align: center;\n}\n\n\n#living-eyes-feature .mode-title {\n margin: 0 0 5px;\n\n color: var(--accent);\n\n font-size: 12px;\n line-height: 1.4;\n font-weight: 900;\n letter-spacing: 1.1px;\n\n text-transform: uppercase;\n\n transition: color .35s ease;\n}\n\n\n#living-eyes-feature .le-description {\n max-width: 620px;\n margin: 0 auto;\n\n color: #d9dce2;\n\n font-size: 15px;\n line-height: 1.55;\n font-weight: 600;\n letter-spacing: .25px;\n}\n\n\n\/* =========================================================\n Hover\n========================================================= *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n #living-eyes-feature .le-card:hover {\n border-color: rgba(var(--accent-rgb),.58);\n\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,.05),\n 0 0 28px rgba(var(--accent-rgb),.07);\n }\n\n #living-eyes-feature .le-visual:hover .le-image {\n transform: scale(1.018);\n }\n\n #living-eyes-feature .le-visual:hover {\n box-shadow:\n inset 0 -90px 100px rgba(0,0,0,.48),\n inset 0 0 75px rgba(var(--accent-rgb),.08);\n }\n\n #living-eyes-feature .mode-btn:hover {\n color: #fff;\n border-color: rgba(255,255,255,.14);\n }\n}\n\n\n\/* =========================================================\n Animations\n========================================================= *\/\n\n@keyframes lePulse {\n\n 0%, 100% {\n opacity: .55;\n transform: scale(.92);\n }\n\n 50% {\n opacity: .95;\n transform: scale(1.08);\n }\n}\n\n\n@keyframes leScan {\n\n 0% {\n top: 12%;\n opacity: 0;\n }\n\n 20% {\n opacity: .4;\n }\n\n 75% {\n opacity: .25;\n }\n\n 100% {\n top: 82%;\n opacity: 0;\n }\n}\n\n\n\/* =========================================================\n Mobile\n========================================================= *\/\n\n@media (max-width:600px) {\n\n #living-eyes-feature {\n margin: 12px auto;\n }\n\n #living-eyes-feature .le-card {\n padding: 17px 9px 14px;\n border-radius: 15px;\n }\n\n #living-eyes-feature .le-eyebrow {\n font-size: 9.5px;\n letter-spacing: .9px;\n }\n\n #living-eyes-feature .le-title {\n font-size: 25px;\n margin-bottom: 13px;\n }\n\n #living-eyes-feature .le-visual {\n min-height: 390px;\n border-radius: 12px;\n }\n\n #living-eyes-feature .eye-glow {\n width: 88px;\n height: 58px;\n }\n\n #living-eyes-feature .mode-panel {\n width: calc(100% - 20px);\n justify-content: center;\n bottom: 10px;\n }\n\n #living-eyes-feature .mode-btn {\n flex: 1;\n padding: 8px 7px;\n font-size: 9px;\n }\n\n #living-eyes-feature .le-description {\n font-size: 13.5px;\n }\n\n}\n\n\n\/* 减少动态效果系统设置 *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n #living-eyes-feature *,\n #living-eyes-feature *::before,\n #living-eyes-feature *::after {\n animation: none !important;\n transition: none !important;\n }\n\n}\n\u003c\/style\u003e\n\u003csection id=\"living-eyes-feature\"\u003e\n\u003cdiv class=\"le-card\"\u003e\n\u003c!-- 顶部标签 --\u003e\n\u003cdiv class=\"le-eyebrow\"\u003e👁 ANIMATED DEMON EYES · 33 DISPLAY MODES · WIRELESS CONTROL\u003c\/div\u003e\n\u003c!-- 标题 --\u003e\n\u003ch2 class=\"le-title\"\u003eGIVE YOUR CAR A PERSONALITY\u003c\/h2\u003e\n\u003c!-- 主视觉 --\u003e\n\u003cdiv class=\"le-visual\"\u003e\n\u003cdiv class=\"garage-lines\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0990\/5746\/7688\/files\/red_car_animated_eyes_1x1_shopify.gif?v=1787905372\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"eye-glow left\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"eye-glow right\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"floor-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"scan-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!--\n ↓↓↓ 把这里换成你的产品\/汽车图片 ↓↓↓\n --\u003e\n\u003cdiv class=\"mode-panel\"\u003e\n\u003cbutton type=\"button\" class=\"mode-btn active\"\u003e👁 EYE \u003c\/button\u003e \u003cbutton type=\"button\" class=\"mode-btn\"\u003e 😈 EMOTICON \u003c\/button\u003e \u003cbutton type=\"button\" class=\"mode-btn\"\u003e ◉ DISPLAY \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 底部 --\u003e\n\u003cdiv class=\"le-copy\"\u003e\n\u003cdiv class=\"mode-title\" id=\"le-mode-title\"\u003eREALISTIC ANIMATED EYES\u003c\/div\u003e\n\u003cp class=\"le-description\" id=\"le-description\"\u003eTurn ordinary headlights into a living stare that instantly changes the personality of your car.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\/* =========================================================\n LIVING EYES™\n Cyber Demon Eye Automotive Feature Section\n========================================================= *\/\n\n.demon-love-section{\n --de-bg:#0b0d10;\n --de-bg-soft:#12151a;\n --de-panel:#15181e;\n --de-panel-2:#0f1216;\n --de-red:#ff3945;\n --de-red-soft:rgba(255,57,69,.14);\n --de-blue:#7794ff;\n --de-text:#f6f7f8;\n --de-muted:#b7bcc5;\n --de-line:rgba(255,255,255,.09);\n\n width:100%;\n max-width:780px;\n margin:20px auto;\n padding:22px 18px 24px;\n box-sizing:border-box;\n\n position:relative;\n overflow:hidden;\n\n border:1px solid rgba(255,57,69,.20);\n border-radius:20px;\n\n background:\n radial-gradient(\n circle at 88% 8%,\n rgba(91,116,200,.16),\n transparent 28%\n ),\n radial-gradient(\n circle at 8% 86%,\n rgba(255,57,69,.10),\n transparent 30%\n ),\n linear-gradient(\n 145deg,\n #15181d 0%,\n #090b0e 52%,\n #111318 100%\n );\n\n font-family:Arial,Helvetica,sans-serif;\n\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,.04),\n inset 0 0 50px rgba(255,255,255,.012);\n}\n\n\n\/* subtle red atmosphere *\/\n.demon-love-section:after{\n content:\"\";\n position:absolute;\n left:50%;\n bottom:-100px;\n\n width:430px;\n height:170px;\n\n transform:translateX(-50%);\n\n background:\n radial-gradient(\n ellipse,\n rgba(255,38,51,.17),\n transparent 70%\n );\n\n filter:blur(20px);\n pointer-events:none;\n}\n\n\n\/* =========================================================\n TOP HEADING\n========================================================= *\/\n\n.demon-love-heading{\n position:relative;\n z-index:2;\n\n margin:0 auto 17px;\n\n text-align:center;\n\n color:#f5f5f6;\n\n font-size:21px;\n line-height:1.25;\n font-weight:850;\n letter-spacing:.25px;\n}\n\n.demon-love-heading .red{\n color:var(--de-red);\n}\n\n.demon-love-heading .blue{\n color:#9aacff;\n}\n\n\n\/* =========================================================\n MAIN IMAGE AREA\n Replace YOUR-IMAGE-URL.jpg\n========================================================= *\/\n\n.demon-love-media{\n position:relative;\n z-index:2;\n\n width:100%;\n min-height:510px;\n\n overflow:hidden;\n\n border-radius:15px;\n border:1px solid rgba(255,255,255,.08);\n\n background:\n radial-gradient(\n circle at 31% 48%,\n rgba(255,45,58,.20),\n transparent 18%\n ),\n radial-gradient(\n circle at 69% 48%,\n rgba(255,45,58,.20),\n transparent 18%\n ),\n linear-gradient(\n 180deg,\n rgba(91,116,190,.10),\n transparent 25%\n ),\n linear-gradient(\n 155deg,\n #161a20,\n #07090c 58%,\n #111318\n );\n\n box-shadow:\n inset 0 -85px 100px rgba(0,0,0,.48);\n}\n\n\n\/* garage lines *\/\n.demon-love-media:before{\n content:\"\";\n position:absolute;\n inset:0;\n\n background:\n linear-gradient(\n 90deg,\n transparent 10%,\n rgba(255,255,255,.035) 10.2%,\n transparent 10.6%,\n transparent 89%,\n rgba(255,255,255,.035) 89.2%,\n transparent 89.6%\n ),\n\n linear-gradient(\n 180deg,\n transparent 18%,\n rgba(255,255,255,.026) 18.2%,\n transparent 18.6%\n );\n\n pointer-events:none;\n}\n\n\n\/* floor reflection *\/\n.demon-love-media:after{\n content:\"\";\n position:absolute;\n\n width:62%;\n height:120px;\n\n left:50%;\n bottom:-34px;\n\n transform:translateX(-50%);\n\n background:\n radial-gradient(\n ellipse,\n rgba(255,39,52,.23),\n rgba(255,39,52,.07) 40%,\n transparent 72%\n );\n\n filter:blur(15px);\n pointer-events:none;\n}\n\n\n.demon-love-media img{\n width:100%;\n height:100%;\n\n position:absolute;\n inset:0;\n\n object-fit:cover;\n\n display:block;\n\n transition:\n transform .55s ease,\n filter .4s ease;\n}\n\n\n@media (hover:hover) and (pointer:fine){\n\n .demon-love-media:hover img{\n transform:scale(1.018);\n }\n\n}\n\n\n\/* =========================================================\n FEATURE GRID\n========================================================= *\/\n\n.demon-love-grid{\n position:relative;\n z-index:3;\n\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:10px;\n\n margin-top:14px;\n}\n\n\n.demon-love-card{\n position:relative;\n overflow:hidden;\n\n min-height:112px;\n\n padding:14px 15px;\n\n border:1px solid rgba(255,57,69,.20);\n border-radius:13px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.035),\n rgba(255,255,255,.012)\n ),\n var(--de-panel-2);\n\n transition:\n transform .25s ease,\n border-color .25s ease,\n background .25s ease;\n}\n\n\n.demon-love-card:before{\n content:\"\";\n\n position:absolute;\n left:0;\n top:17%;\n bottom:17%;\n\n width:2px;\n\n border-radius:2px;\n\n background:\n linear-gradient(\n 180deg,\n transparent,\n var(--de-red),\n transparent\n );\n\n opacity:.65;\n}\n\n\n@media (hover:hover) and (pointer:fine){\n\n .demon-love-card:hover{\n transform:translateY(-2px);\n\n border-color:rgba(255,57,69,.48);\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,57,69,.07),\n rgba(255,255,255,.016)\n ),\n #101318;\n }\n\n}\n\n\n.demon-love-card-title{\n display:flex;\n align-items:center;\n gap:7px;\n\n margin:0 0 6px;\n\n color:var(--de-text);\n\n font-size:14px;\n line-height:1.3;\n font-weight:850;\n letter-spacing:.35px;\n}\n\n\n.demon-love-icon{\n flex:0 0 auto;\n\n font-size:15px;\n line-height:1;\n}\n\n\n.demon-love-card p{\n margin:0;\n\n color:var(--de-muted);\n\n font-size:12.5px;\n line-height:1.48;\n font-weight:500;\n letter-spacing:.25px;\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n .demon-love-section{\n margin:12px auto;\n padding:17px 10px 18px;\n\n border-radius:16px;\n }\n\n\n .demon-love-heading{\n max-width:330px;\n\n margin-bottom:13px;\n\n font-size:18px;\n line-height:1.28;\n }\n\n\n .demon-love-media{\n min-height:390px;\n border-radius:12px;\n }\n\n\n .demon-love-grid{\n gap:8px;\n }\n\n\n .demon-love-card{\n min-height:120px;\n\n padding:12px 11px;\n }\n\n\n .demon-love-card-title{\n gap:5px;\n\n font-size:12.5px;\n }\n\n\n .demon-love-card p{\n font-size:11.5px;\n line-height:1.45;\n }\n\n}\n\n\n\/* very narrow screens *\/\n@media(max-width:390px){\n\n .demon-love-grid{\n grid-template-columns:1fr;\n }\n\n .demon-love-card{\n min-height:auto;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"demon-love-section\"\u003e\u003c!-- =========================\n TOP COPY\n ========================== --\u003e\n\u003ch2 class=\"demon-love-heading\"\u003e\n\u003cspan class=\"red\"\u003e👁\u003c\/span\u003e ENGINEERED TO STAND OUT: \u003cbr\u003eANIMATED EYES \u0026amp; \u003cspan class=\"red\"\u003eINSTANT ATTITUDE\u003c\/span\u003e \u003cspan class=\"blue\"\u003e⚡\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c!-- =========================\n MAIN PRODUCT IMAGE\n 这里放你自己的主视觉图\n ========================== --\u003e\n\u003cdiv class=\"demon-love-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0990\/5746\/7688\/files\/ChatGPT_Image_2026_8_28_14_55_32.png?v=1787900524\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n FOUR CORE SELLING POINTS\n ========================== --\u003e\n\u003cdiv class=\"demon-love-grid\"\u003e\n\u003c!-- CARD 01 --\u003e\n\u003cdiv class=\"demon-love-card\"\u003e\n\u003ch3 class=\"demon-love-card-title\"\u003e\n\u003cspan class=\"demon-love-icon\"\u003e👁️\u003c\/span\u003e Realistic Animated Eyes\u003c\/h3\u003e\n\u003cp\u003eTurn ordinary headlights into a living stare that gives your entire front end a completely different personality.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CARD 02 --\u003e\n\u003cdiv class=\"demon-love-card\"\u003e\n\u003ch3 class=\"demon-love-card-title\"\u003e\n\u003cspan class=\"demon-love-icon\"\u003e🎭\u003c\/span\u003e 33 Unique Display Modes\u003c\/h3\u003e\n\u003cp\u003eSwitch between 11 eye styles, 8 expressive emoticons and 14 display modes to match the mood of your build.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CARD 03 --\u003e\n\u003cdiv class=\"demon-love-card\"\u003e\n\u003ch3 class=\"demon-love-card-title\"\u003e\n\u003cspan class=\"demon-love-icon\"\u003e🎮\u003c\/span\u003e Instant Remote Control\u003c\/h3\u003e\n\u003cp\u003eChange eyes, expressions and display styles right from the included remote—no need to keep adjusting your setup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CARD 04 --\u003e\n\u003cdiv class=\"demon-love-card\"\u003e\n\u003ch3 class=\"demon-love-card-title\"\u003e\n\u003cspan class=\"demon-love-icon\"\u003e🔥\u003c\/span\u003e Built To Turn Heads\u003c\/h3\u003e\n\u003cp\u003eCreate a front-end look made for car meets, night shoots, garage builds and after-dark automotive content.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n ANIMATED DEMON EYE — FEATURE BLOCK\n========================================================= *\/\n\n.demon-eye-feature{\n --red:#ff3344;\n --red-rgb:255,51,68;\n\n width:100%;\n max-width:900px;\n margin:20px auto;\n padding:18px;\n box-sizing:border-box;\n\n position:relative;\n overflow:hidden;\n\n border:1px solid rgba(255,51,68,.18);\n border-radius:18px;\n\n background:\n radial-gradient(\n circle at 88% 10%,\n rgba(76,101,160,.16),\n transparent 30%\n ),\n radial-gradient(\n circle at 10% 85%,\n rgba(255,51,68,.12),\n transparent 32%\n ),\n linear-gradient(\n 145deg,\n #171a1f 0%,\n #080a0d 52%,\n #111419 100%\n );\n\n font-family:Arial,Helvetica,sans-serif;\n}\n\n\n\/* 红色环境光 *\/\n\n.demon-eye-feature::after{\n content:\"\";\n\n position:absolute;\n right:-130px;\n bottom:-100px;\n\n width:400px;\n height:240px;\n\n background:\n radial-gradient(\n ellipse,\n rgba(255,40,55,.20),\n transparent 68%\n );\n\n filter:blur(30px);\n\n pointer-events:none;\n}\n\n\n\/* =========================================================\n TOP MICRO COPY\n========================================================= *\/\n\n.demon-eye-top{\n position:relative;\n z-index:3;\n\n margin-bottom:12px;\n\n display:flex;\n justify-content:space-between;\n align-items:center;\n gap:10px;\n\n flex-wrap:wrap;\n}\n\n\n.demon-eye-label{\n color:#ff4655;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:1.5px;\n\n text-transform:uppercase;\n}\n\n\n.demon-eye-mini{\n color:#838a94;\n\n font-size:9px;\n font-weight:800;\n letter-spacing:.8px;\n\n text-transform:uppercase;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n.demon-eye-image{\n position:relative;\n z-index:2;\n\n width:100%;\n\n overflow:hidden;\n\n border-radius:14px;\n\n border:\n 1px solid rgba(255,255,255,.07);\n\n background:#050608;\n\n box-shadow:\n 0 18px 40px rgba(0,0,0,.28),\n 0 0 32px rgba(255,45,60,.06);\n}\n\n\n.demon-eye-image img{\n display:block;\n\n width:100%;\n height:auto;\n\n aspect-ratio:1 \/ 1;\n\n object-fit:cover;\n\n transition:\n transform .5s ease,\n filter .4s ease;\n}\n\n\n\/* 图片红色边缘光 *\/\n\n.demon-eye-image::after{\n content:\"\";\n\n position:absolute;\n inset:0;\n\n pointer-events:none;\n\n box-shadow:\n inset -50px -30px 90px\n rgba(255,34,50,.05);\n}\n\n\n\/* =========================================================\n IMAGE BADGES\n========================================================= *\/\n\n.demon-eye-badges{\n position:absolute;\n\n z-index:5;\n\n right:14px;\n bottom:14px;\n\n display:flex;\n gap:5px;\n\n flex-wrap:wrap;\n justify-content:flex-end;\n}\n\n\n.demon-eye-badge{\n padding:7px 10px;\n\n border:\n 1px solid rgba(255,255,255,.12);\n\n border-radius:999px;\n\n background:\n rgba(5,7,10,.80);\n\n color:#fff;\n\n font-size:9px;\n line-height:1;\n font-weight:900;\n letter-spacing:.4px;\n\n backdrop-filter:blur(8px);\n -webkit-backdrop-filter:blur(8px);\n}\n\n\n\/* =========================================================\n SHORT SELLING COPY\n========================================================= *\/\n\n.demon-eye-copy{\n position:relative;\n z-index:3;\n\n padding:14px 8px 3px;\n\n text-align:center;\n}\n\n\n.demon-eye-copy p{\n max-width:650px;\n\n margin:0 auto 11px;\n\n color:#c5c9cf;\n\n font-size:13px;\n line-height:1.5;\n font-weight:600;\n}\n\n\n\/* =========================================================\n COMPACT BENEFITS\n========================================================= *\/\n\n.demon-eye-benefits{\n display:grid;\n grid-template-columns:repeat(3,1fr);\n\n gap:7px;\n}\n\n\n.demon-eye-benefit{\n padding:10px 6px;\n\n border:\n 1px solid rgba(255,255,255,.065);\n\n border-radius:9px;\n\n background:\n rgba(255,255,255,.02);\n\n transition:\n border-color .25s ease,\n background .25s ease,\n transform .25s ease;\n}\n\n\n.demon-eye-benefit strong{\n display:block;\n\n margin-bottom:2px;\n\n color:#fff;\n\n font-size:10.5px;\n line-height:1.25;\n font-weight:900;\n}\n\n\n.demon-eye-benefit span{\n display:block;\n\n color:#868d97;\n\n font-size:9px;\n line-height:1.3;\n}\n\n\n\/* =========================================================\n HOVER\n========================================================= *\/\n\n@media (hover:hover) and (pointer:fine){\n\n .demon-eye-image:hover img{\n transform:scale(1.018);\n\n filter:\n brightness(1.025)\n contrast(1.03);\n }\n\n\n .demon-eye-benefit:hover{\n transform:translateY(-2px);\n\n border-color:\n rgba(255,51,68,.30);\n\n background:\n rgba(255,51,68,.045);\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n .demon-eye-feature{\n margin:12px auto;\n\n padding:10px;\n\n border-radius:14px;\n }\n\n\n .demon-eye-top{\n margin-bottom:8px;\n }\n\n\n .demon-eye-label{\n font-size:8.5px;\n }\n\n\n .demon-eye-mini{\n font-size:7.5px;\n }\n\n\n .demon-eye-image{\n border-radius:11px;\n }\n\n\n .demon-eye-badges{\n right:8px;\n bottom:8px;\n\n gap:4px;\n }\n\n\n .demon-eye-badge{\n padding:6px 7px;\n\n font-size:7px;\n }\n\n\n .demon-eye-copy{\n padding:11px 3px 2px;\n }\n\n\n .demon-eye-copy p{\n margin-bottom:8px;\n\n font-size:11.5px;\n }\n\n\n .demon-eye-benefit{\n padding:8px 4px;\n }\n\n\n .demon-eye-benefit strong{\n font-size:8.5px;\n }\n\n\n .demon-eye-benefit span{\n font-size:7.5px;\n }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"demon-eye-feature\"\u003e\u003c!-- 顶部只放很小的信息，不抢图片 --\u003e\n\u003cdiv class=\"demon-eye-top\"\u003e\n\u003cdiv class=\"demon-eye-label\"\u003e👁 LIVING EYES™\u003c\/div\u003e\n\u003cdiv class=\"demon-eye-mini\"\u003eANIMATED · EXPRESSIVE · INSTANTLY DIFFERENT\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================\n 你的图片放这里\n 替换 YOUR_SHOPIFY_IMAGE_URL\n ========================================== --\u003e\n\u003cdiv class=\"demon-eye-image\"\u003e\n\u003cdiv class=\"demon-eye-badges\"\u003e\n\u003cdiv class=\"demon-eye-badge\"\u003e👁 11 EYES\u003c\/div\u003e\n\u003cdiv class=\"demon-eye-badge\"\u003e🎭 33 LOOKS\u003c\/div\u003e\n\u003cdiv class=\"demon-eye-badge\"\u003e🎮 REMOTE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================\n 图片下面没有大标题\n 直接一句利益点 + 3个简短卖点\n ========================================== --\u003e\n\u003cdiv class=\"demon-eye-copy\"\u003e\n\u003cp\u003eMore than a light — give your car a stare people remember.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0990\/5746\/7688\/files\/ChatGPT_Image_2026_8_28_15_02_05.png?v=1787900545\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"demon-eye-benefits\"\u003e\n\u003cdiv class=\"demon-eye-benefit\"\u003e\n\u003cstrong\u003e 👁 LOOKS ALIVE \u003c\/strong\u003e \u003cspan\u003e Real eye-like detail \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"demon-eye-benefit\"\u003e\n\u003cstrong\u003e 🎭 CHANGE THE MOOD \u003c\/strong\u003e \u003cspan\u003e 33 different looks \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"demon-eye-benefit\"\u003e\n\u003cstrong\u003e 🎮 SWITCH FAST \u003c\/strong\u003e \u003cspan\u003e Remote control \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n LIVING EYES™ — 33 MODES SECTION\n Dark Automotive × Demon Red × Cool Blue\n========================================================= *\/\n\n#living-eyes-33{\n --red:#ff3545;\n --red-rgb:255,53,69;\n --blue:#6f8fd7;\n --white:#f6f7f8;\n --muted:#a8afb9;\n\n width:100%;\n max-width:900px;\n margin:20px auto;\n padding:18px;\n box-sizing:border-box;\n\n position:relative;\n overflow:hidden;\n\n border:1px solid rgba(255,53,69,.20);\n border-radius:18px;\n\n background:\n radial-gradient(\n circle at 88% 8%,\n rgba(79,106,170,.18),\n transparent 28%\n ),\n radial-gradient(\n circle at 9% 88%,\n rgba(255,53,69,.13),\n transparent 31%\n ),\n linear-gradient(\n 145deg,\n #171b20 0%,\n #080a0d 52%,\n #111419 100%\n );\n\n font-family:Arial,Helvetica,sans-serif;\n\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,.035),\n inset 0 0 55px rgba(0,0,0,.26);\n}\n\n#living-eyes-33 *{\n box-sizing:border-box;\n}\n\n\n\/* ===============================\n AMBIENT GLOW\n================================ *\/\n\n#living-eyes-33::before{\n content:\"\";\n\n position:absolute;\n width:380px;\n height:220px;\n\n right:-120px;\n top:-90px;\n\n background:\n radial-gradient(\n ellipse,\n rgba(79,108,179,.15),\n transparent 70%\n );\n\n filter:blur(25px);\n\n pointer-events:none;\n}\n\n\n#living-eyes-33::after{\n content:\"\";\n\n position:absolute;\n width:430px;\n height:220px;\n\n left:50%;\n bottom:-145px;\n\n transform:translateX(-50%);\n\n background:\n radial-gradient(\n ellipse,\n rgba(255,39,54,.21),\n transparent 70%\n );\n\n filter:blur(25px);\n\n pointer-events:none;\n}\n\n\n\/* ===============================\n TOP COPY\n================================ *\/\n\n#living-eyes-33 .le-top{\n position:relative;\n z-index:3;\n\n margin-bottom:13px;\n\n text-align:center;\n}\n\n\n#living-eyes-33 .le-tag{\n margin-bottom:5px;\n\n color:var(--red);\n\n font-size:10px;\n line-height:1.4;\n font-weight:900;\n letter-spacing:1.6px;\n\n text-transform:uppercase;\n}\n\n\n#living-eyes-33 .le-title{\n margin:0;\n\n color:#fff;\n\n font-family:\n \"Arial Narrow\",\n Arial,\n Helvetica,\n sans-serif;\n\n font-size:31px;\n line-height:1.05;\n font-weight:900;\n letter-spacing:-.8px;\n\n text-transform:uppercase;\n}\n\n\n#living-eyes-33 .le-desc{\n max-width:560px;\n\n margin:7px auto 0;\n\n color:#aeb4bd;\n\n font-size:13px;\n line-height:1.5;\n font-weight:600;\n}\n\n\n\/* ===============================\n PRODUCT IMAGE\n================================ *\/\n\n#living-eyes-33 .le-image{\n position:relative;\n z-index:3;\n\n width:100%;\n\n overflow:hidden;\n\n border-radius:14px;\n\n border:1px solid rgba(255,255,255,.08);\n\n background:#050608;\n\n box-shadow:\n 0 18px 42px rgba(0,0,0,.30),\n 0 0 30px rgba(255,42,58,.07);\n}\n\n\n#living-eyes-33 .le-image img{\n display:block;\n\n width:100%;\n height:auto;\n\n aspect-ratio:1 \/ 1;\n object-fit:cover;\n\n transition:\n transform .55s ease,\n filter .4s ease;\n}\n\n\n\/* subtle cinematic overlay *\/\n\n#living-eyes-33 .le-image::after{\n content:\"\";\n\n position:absolute;\n inset:0;\n\n pointer-events:none;\n\n background:\n linear-gradient(\n 180deg,\n transparent 68%,\n rgba(0,0,0,.16)\n );\n}\n\n\n\/* ===============================\n 3 CORE SELLING POINTS\n================================ *\/\n\n#living-eyes-33 .le-benefits{\n position:relative;\n z-index:4;\n\n display:grid;\n grid-template-columns:repeat(3,1fr);\n\n gap:8px;\n\n margin-top:11px;\n}\n\n\n#living-eyes-33 .le-benefit{\n min-width:0;\n\n padding:12px 9px;\n\n border:1px solid rgba(255,255,255,.07);\n border-radius:11px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.035),\n rgba(255,255,255,.012)\n );\n\n text-align:center;\n\n transition:\n transform .25s ease,\n border-color .25s ease,\n background .25s ease;\n}\n\n\n#living-eyes-33 .le-benefit strong{\n display:block;\n\n margin-bottom:3px;\n\n color:#fff;\n\n font-size:11px;\n line-height:1.25;\n font-weight:900;\n\n text-transform:uppercase;\n}\n\n\n#living-eyes-33 .le-benefit span{\n display:block;\n\n color:#8f969f;\n\n font-size:9.5px;\n line-height:1.35;\n}\n\n\n\/* ===============================\n BOTTOM MICRO COPY\n================================ *\/\n\n#living-eyes-33 .le-bottom{\n position:relative;\n z-index:4;\n\n margin-top:9px;\n\n padding:10px 12px;\n\n border:1px solid rgba(255,53,69,.15);\n border-radius:9px;\n\n background:\n rgba(255,53,69,.035);\n\n text-align:center;\n\n color:#c3c7cd;\n\n font-size:10.5px;\n line-height:1.4;\n font-weight:700;\n}\n\n\n#living-eyes-33 .le-bottom b{\n color:#ff5360;\n}\n\n\n\/* ===============================\n HOVER\n================================ *\/\n\n@media (hover:hover) and (pointer:fine){\n\n #living-eyes-33 .le-image:hover img{\n transform:scale(1.018);\n\n filter:\n brightness(1.025)\n contrast(1.03);\n }\n\n\n #living-eyes-33 .le-benefit:hover{\n transform:translateY(-2px);\n\n border-color:\n rgba(255,53,69,.30);\n\n background:\n rgba(255,53,69,.045);\n }\n\n}\n\n\n\/* ===============================\n MOBILE\n================================ *\/\n\n@media(max-width:600px){\n\n #living-eyes-33{\n margin:12px auto;\n\n padding:10px;\n\n border-radius:14px;\n }\n\n\n #living-eyes-33 .le-top{\n margin-bottom:9px;\n }\n\n\n #living-eyes-33 .le-tag{\n font-size:8px;\n }\n\n\n #living-eyes-33 .le-title{\n font-size:25px;\n }\n\n\n #living-eyes-33 .le-desc{\n max-width:330px;\n\n font-size:11.5px;\n }\n\n\n #living-eyes-33 .le-image{\n border-radius:11px;\n }\n\n\n #living-eyes-33 .le-benefits{\n gap:5px;\n }\n\n\n #living-eyes-33 .le-benefit{\n padding:9px 4px;\n }\n\n\n #living-eyes-33 .le-benefit strong{\n font-size:8.5px;\n }\n\n\n #living-eyes-33 .le-benefit span{\n font-size:7.5px;\n }\n\n\n #living-eyes-33 .le-bottom{\n font-size:9px;\n }\n\n}\n\u003c\/style\u003e\n\u003csection id=\"living-eyes-33\"\u003e\u003c!-- TOP --\u003e\n\u003cdiv class=\"le-top\"\u003e\n\u003cdiv class=\"le-tag\"\u003e🎭 33 WAYS TO CHANGE THE ATTITUDE\u003c\/div\u003e\n\u003ch2 class=\"le-title\"\u003eONE SETUP. ENDLESS PERSONALITY.\u003c\/h2\u003e\n\u003cp class=\"le-desc\"\u003eSwitch the look of your build in seconds — from aggressive eyes to playful expressions.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0990\/5746\/7688\/files\/ChatGPT_Image_2026_8_28_15_02_09.png?v=1787900545\" alt=\"\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!--\n ==========================================\n 你的这张产品图放这里\n\n 把 YOUR_SHOPIFY_IMAGE_URL\n 替换成 Shopify CDN 图片链接\n ==========================================\n --\u003e\n\u003cdiv class=\"le-image\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- SELLING POINTS --\u003e\n\u003cdiv class=\"le-benefits\"\u003e\n\u003cdiv class=\"le-benefit\"\u003e\n\u003cstrong\u003e 👁 11 EYE STYLES \u003c\/strong\u003e \u003cspan\u003e Clean to aggressive \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"le-benefit\"\u003e\n\u003cstrong\u003e 😈 8 EMOTICONS \u003c\/strong\u003e \u003cspan\u003e Add real attitude \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"le-benefit\"\u003e\n\u003cstrong\u003e 🎮 14 DISPLAY MODES \u003c\/strong\u003e \u003cspan\u003e More ways to stand out \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BOTTOM --\u003e\n\u003cdiv class=\"le-bottom\"\u003ePick the look. \u003cb\u003eChange the mood.\u003c\/b\u003e Make your build yours.\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n LIVING EYES™ — REMOTE CONTROL SECTION\n Dark Automotive × Demon Red × Cool Blue\n========================================================= *\/\n\n#demon-remote-section{\n --red:#ff3344;\n --red-rgb:255,51,68;\n --blue:#7292d4;\n --text:#f6f7f8;\n --muted:#9da5af;\n\n width:100%;\n max-width:900px;\n margin:20px auto;\n padding:18px;\n box-sizing:border-box;\n\n position:relative;\n overflow:hidden;\n\n border:1px solid rgba(255,51,68,.20);\n border-radius:18px;\n\n background:\n radial-gradient(\n circle at 88% 10%,\n rgba(77,105,174,.18),\n transparent 28%\n ),\n radial-gradient(\n circle at 8% 88%,\n rgba(255,51,68,.13),\n transparent 30%\n ),\n linear-gradient(\n 145deg,\n #171b20 0%,\n #080a0d 52%,\n #111419 100%\n );\n\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,.035),\n inset 0 0 55px rgba(0,0,0,.26);\n\n font-family:Arial,Helvetica,sans-serif;\n}\n\n#demon-remote-section *{\n box-sizing:border-box;\n}\n\n\n\/* =========================================================\n BACKGROUND GLOW\n========================================================= *\/\n\n#demon-remote-section::before{\n content:\"\";\n\n position:absolute;\n width:360px;\n height:230px;\n\n right:-120px;\n top:-100px;\n\n background:\n radial-gradient(\n ellipse,\n rgba(87,117,190,.17),\n transparent 70%\n );\n\n filter:blur(28px);\n pointer-events:none;\n}\n\n\n#demon-remote-section::after{\n content:\"\";\n\n position:absolute;\n width:450px;\n height:230px;\n\n left:50%;\n bottom:-150px;\n\n transform:translateX(-50%);\n\n background:\n radial-gradient(\n ellipse,\n rgba(255,39,54,.20),\n transparent 70%\n );\n\n filter:blur(28px);\n pointer-events:none;\n}\n\n\n\/* =========================================================\n TOP COPY\n========================================================= *\/\n\n#demon-remote-section .remote-top{\n position:relative;\n z-index:3;\n\n margin-bottom:12px;\n text-align:center;\n}\n\n\n#demon-remote-section .remote-tag{\n margin-bottom:5px;\n\n color:var(--red);\n\n font-size:10px;\n line-height:1.4;\n font-weight:900;\n letter-spacing:1.6px;\n\n text-transform:uppercase;\n}\n\n\n#demon-remote-section .remote-title{\n margin:0;\n\n color:#fff;\n\n font-family:\n \"Arial Narrow\",\n Arial,\n Helvetica,\n sans-serif;\n\n font-size:30px;\n line-height:1.05;\n font-weight:900;\n letter-spacing:-.8px;\n\n text-transform:uppercase;\n}\n\n\n#demon-remote-section .remote-sub{\n max-width:560px;\n\n margin:7px auto 0;\n\n color:#aab0b9;\n\n font-size:13px;\n line-height:1.5;\n font-weight:600;\n}\n\n\n\/* =========================================================\n PRODUCT IMAGE\n========================================================= *\/\n\n#demon-remote-section .remote-image{\n position:relative;\n z-index:3;\n\n width:100%;\n overflow:hidden;\n\n border-radius:14px;\n\n border:1px solid rgba(255,255,255,.08);\n\n background:#050608;\n\n box-shadow:\n 0 18px 42px rgba(0,0,0,.30),\n 0 0 30px rgba(255,42,58,.07);\n}\n\n\n#demon-remote-section .remote-image img{\n display:block;\n\n width:100%;\n height:auto;\n\n aspect-ratio:1 \/ 1;\n object-fit:cover;\n\n transition:\n transform .5s ease,\n filter .4s ease;\n}\n\n\n\/* =========================================================\n QUICK SELLING POINTS\n========================================================= *\/\n\n#demon-remote-section .remote-benefits{\n position:relative;\n z-index:4;\n\n display:grid;\n grid-template-columns:repeat(4,1fr);\n\n gap:7px;\n\n margin-top:11px;\n}\n\n\n#demon-remote-section .remote-benefit{\n min-width:0;\n\n padding:11px 7px;\n\n border:1px solid rgba(255,255,255,.07);\n border-radius:10px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.035),\n rgba(255,255,255,.012)\n );\n\n text-align:center;\n\n transition:\n transform .25s ease,\n border-color .25s ease,\n background .25s ease;\n}\n\n\n#demon-remote-section .remote-benefit strong{\n display:block;\n\n margin-bottom:3px;\n\n color:#fff;\n\n font-size:10px;\n line-height:1.25;\n font-weight:900;\n\n text-transform:uppercase;\n}\n\n\n#demon-remote-section .remote-benefit span{\n display:block;\n\n color:#858d97;\n\n font-size:8.5px;\n line-height:1.35;\n}\n\n\n\/* =========================================================\n BOTTOM COPY\n========================================================= *\/\n\n#demon-remote-section .remote-bottom{\n position:relative;\n z-index:4;\n\n margin-top:9px;\n\n padding:10px 12px;\n\n border:1px solid rgba(255,51,68,.15);\n border-radius:9px;\n\n background:\n rgba(255,51,68,.035);\n\n text-align:center;\n\n color:#c4c8ce;\n\n font-size:10.5px;\n line-height:1.4;\n font-weight:700;\n}\n\n\n#demon-remote-section .remote-bottom b{\n color:#ff5865;\n}\n\n\n\/* =========================================================\n HOVER\n========================================================= *\/\n\n@media (hover:hover) and (pointer:fine){\n\n #demon-remote-section .remote-image:hover img{\n transform:scale(1.018);\n\n filter:\n brightness(1.025)\n contrast(1.03);\n }\n\n\n #demon-remote-section .remote-benefit:hover{\n transform:translateY(-2px);\n\n border-color:\n rgba(255,51,68,.32);\n\n background:\n rgba(255,51,68,.045);\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n #demon-remote-section{\n margin:12px auto;\n padding:10px;\n\n border-radius:14px;\n }\n\n\n #demon-remote-section .remote-top{\n margin-bottom:9px;\n }\n\n\n #demon-remote-section .remote-tag{\n font-size:8px;\n }\n\n\n #demon-remote-section .remote-title{\n font-size:24px;\n }\n\n\n #demon-remote-section .remote-sub{\n max-width:330px;\n\n font-size:11.5px;\n }\n\n\n #demon-remote-section .remote-image{\n border-radius:11px;\n }\n\n\n #demon-remote-section .remote-benefits{\n grid-template-columns:repeat(2,1fr);\n gap:6px;\n }\n\n\n #demon-remote-section .remote-benefit{\n padding:9px 5px;\n }\n\n\n #demon-remote-section .remote-benefit strong{\n font-size:8.5px;\n }\n\n\n #demon-remote-section .remote-benefit span{\n font-size:7.5px;\n }\n\n\n #demon-remote-section .remote-bottom{\n font-size:9px;\n }\n\n}\n\u003c\/style\u003e\n\u003csection id=\"demon-remote-section\"\u003e\u003c!-- TOP --\u003e\n\u003cdiv class=\"remote-top\"\u003e\n\u003cdiv class=\"remote-tag\"\u003e🎮 INSTANT WIRELESS CONTROL\u003c\/div\u003e\n\u003ch2 class=\"remote-title\"\u003eONE REMOTE. TOTAL ATTITUDE.\u003c\/h2\u003e\n\u003cp class=\"remote-sub\"\u003eEyes, expressions and display styles — switch the whole vibe in seconds.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0990\/5746\/7688\/files\/ChatGPT_Image_2026_8_28_15_04_19.png?v=1787901473\" alt=\"\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================\n 你的这张产品图片放这里\n 替换 YOUR_SHOPIFY_IMAGE_URL\n ========================================== --\u003e\n\u003cdiv class=\"remote-image\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 4 SHORT BENEFITS --\u003e\n\u003cdiv class=\"remote-benefits\"\u003e\n\u003cdiv class=\"remote-benefit\"\u003e\n\u003cstrong\u003e 👁 11 EYE STYLES \u003c\/strong\u003e \u003cspan\u003e Change the stare \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"remote-benefit\"\u003e\n\u003cstrong\u003e 😈 8 EMOTICONS \u003c\/strong\u003e \u003cspan\u003e Change the mood \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"remote-benefit\"\u003e\n\u003cstrong\u003e 🎮 ONE REMOTE \u003c\/strong\u003e \u003cspan\u003e Switch in seconds \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"remote-benefit\"\u003e\n\u003cstrong\u003e 🔥 33 LOOKS \u003c\/strong\u003e \u003cspan\u003e One setup \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BOTTOM --\u003e\n\u003cdiv class=\"remote-bottom\"\u003e\n\u003cb\u003ePRESS. SWITCH. STAND OUT.\u003c\/b\u003e No complicated controls — just pick the look you want.\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n LIVING EYES™ — NIGHT CULTURE SECTION\n Dark Automotive × Demon Red × Cool Blue\n========================================================= *\/\n\n#living-eyes-night{\n --red:#ff3344;\n --red-rgb:255,51,68;\n --blue:#738fd1;\n --text:#f5f6f7;\n --muted:#9fa6b0;\n\n width:100%;\n max-width:900px;\n margin:20px auto;\n padding:18px;\n box-sizing:border-box;\n\n position:relative;\n overflow:hidden;\n\n border:1px solid rgba(255,51,68,.20);\n border-radius:18px;\n\n background:\n radial-gradient(\n circle at 88% 8%,\n rgba(75,100,165,.18),\n transparent 28%\n ),\n radial-gradient(\n circle at 10% 88%,\n rgba(255,51,68,.14),\n transparent 32%\n ),\n linear-gradient(\n 145deg,\n #171a1f 0%,\n #080a0d 52%,\n #111419 100%\n );\n\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,.035),\n inset 0 0 55px rgba(0,0,0,.28);\n\n font-family:Arial,Helvetica,sans-serif;\n}\n\n#living-eyes-night *{\n box-sizing:border-box;\n}\n\n\n\/* =========================================================\n BACKGROUND LIGHT\n========================================================= *\/\n\n#living-eyes-night::before{\n content:\"\";\n\n position:absolute;\n width:380px;\n height:230px;\n\n right:-130px;\n top:-100px;\n\n background:\n radial-gradient(\n ellipse,\n rgba(88,113,183,.16),\n transparent 70%\n );\n\n filter:blur(28px);\n pointer-events:none;\n}\n\n\n#living-eyes-night::after{\n content:\"\";\n\n position:absolute;\n width:470px;\n height:220px;\n\n left:50%;\n bottom:-145px;\n\n transform:translateX(-50%);\n\n background:\n radial-gradient(\n ellipse,\n rgba(255,36,52,.22),\n transparent 70%\n );\n\n filter:blur(28px);\n pointer-events:none;\n}\n\n\n\/* =========================================================\n TOP COPY\n========================================================= *\/\n\n#living-eyes-night .night-top{\n position:relative;\n z-index:3;\n\n margin-bottom:12px;\n\n text-align:center;\n}\n\n\n#living-eyes-night .night-tag{\n margin-bottom:5px;\n\n color:var(--red);\n\n font-size:10px;\n line-height:1.4;\n font-weight:900;\n letter-spacing:1.7px;\n\n text-transform:uppercase;\n}\n\n\n#living-eyes-night .night-title{\n margin:0;\n\n color:#fff;\n\n font-family:\n \"Arial Narrow\",\n Arial,\n Helvetica,\n sans-serif;\n\n font-size:30px;\n line-height:1.05;\n font-weight:900;\n letter-spacing:-.7px;\n\n text-transform:uppercase;\n}\n\n\n#living-eyes-night .night-desc{\n max-width:590px;\n\n margin:7px auto 0;\n\n color:#a9afb8;\n\n font-size:13px;\n line-height:1.5;\n font-weight:600;\n}\n\n\n\/* =========================================================\n IMAGE\n========================================================= *\/\n\n#living-eyes-night .night-image{\n position:relative;\n z-index:3;\n\n width:100%;\n\n overflow:hidden;\n\n border-radius:14px;\n\n border:1px solid rgba(255,255,255,.08);\n\n background:#050608;\n\n box-shadow:\n 0 18px 42px rgba(0,0,0,.30),\n 0 0 34px rgba(255,42,58,.08);\n}\n\n\n#living-eyes-night .night-image img{\n display:block;\n\n width:100%;\n height:auto;\n\n aspect-ratio:1 \/ 1;\n object-fit:cover;\n\n transition:\n transform .55s ease,\n filter .4s ease;\n}\n\n\n\/* subtle red reflection *\/\n\n#living-eyes-night .night-image::after{\n content:\"\";\n\n position:absolute;\n inset:0;\n\n pointer-events:none;\n\n background:\n linear-gradient(\n 180deg,\n transparent 64%,\n rgba(0,0,0,.16)\n ),\n radial-gradient(\n ellipse at 44% 86%,\n rgba(255,35,50,.07),\n transparent 34%\n );\n}\n\n\n\/* =========================================================\n 3 BENEFITS\n========================================================= *\/\n\n#living-eyes-night .night-benefits{\n position:relative;\n z-index:4;\n\n display:grid;\n grid-template-columns:repeat(3,1fr);\n\n gap:8px;\n\n margin-top:11px;\n}\n\n\n#living-eyes-night .night-benefit{\n min-width:0;\n\n padding:12px 8px;\n\n border:1px solid rgba(255,255,255,.07);\n border-radius:10px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.035),\n rgba(255,255,255,.012)\n );\n\n text-align:center;\n\n transition:\n transform .25s ease,\n border-color .25s ease,\n background .25s ease;\n}\n\n\n#living-eyes-night .night-benefit strong{\n display:block;\n\n margin-bottom:3px;\n\n color:#fff;\n\n font-size:10.5px;\n line-height:1.25;\n font-weight:900;\n\n text-transform:uppercase;\n}\n\n\n#living-eyes-night .night-benefit span{\n display:block;\n\n color:#8d949e;\n\n font-size:9px;\n line-height:1.35;\n}\n\n\n\/* =========================================================\n BOTTOM LINE\n========================================================= *\/\n\n#living-eyes-night .night-bottom{\n position:relative;\n z-index:4;\n\n margin-top:9px;\n\n padding:10px 12px;\n\n border:1px solid rgba(255,51,68,.15);\n border-radius:9px;\n\n background:\n rgba(255,51,68,.035);\n\n text-align:center;\n\n color:#c2c6cc;\n\n font-size:10.5px;\n line-height:1.4;\n font-weight:700;\n}\n\n\n#living-eyes-night .night-bottom b{\n color:#ff5663;\n}\n\n\n\/* =========================================================\n HOVER\n========================================================= *\/\n\n@media (hover:hover) and (pointer:fine){\n\n #living-eyes-night .night-image:hover img{\n transform:scale(1.018);\n\n filter:\n brightness(1.025)\n contrast(1.03);\n }\n\n\n #living-eyes-night .night-benefit:hover{\n transform:translateY(-2px);\n\n border-color:\n rgba(255,51,68,.32);\n\n background:\n rgba(255,51,68,.045);\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n #living-eyes-night{\n margin:12px auto;\n\n padding:10px;\n\n border-radius:14px;\n }\n\n\n #living-eyes-night .night-top{\n margin-bottom:9px;\n }\n\n\n #living-eyes-night .night-tag{\n font-size:8px;\n }\n\n\n #living-eyes-night .night-title{\n font-size:24px;\n }\n\n\n #living-eyes-night .night-desc{\n max-width:340px;\n\n font-size:11.5px;\n }\n\n\n #living-eyes-night .night-image{\n border-radius:11px;\n }\n\n\n #living-eyes-night .night-benefits{\n gap:5px;\n }\n\n\n #living-eyes-night .night-benefit{\n padding:9px 4px;\n }\n\n\n #living-eyes-night .night-benefit strong{\n font-size:8.5px;\n }\n\n\n #living-eyes-night .night-benefit span{\n font-size:7.5px;\n }\n\n\n #living-eyes-night .night-bottom{\n font-size:9px;\n }\n\n}\n\u003c\/style\u003e\n\u003csection id=\"living-eyes-night\"\u003e\u003c!-- TOP COPY --\u003e\n\u003cdiv class=\"night-top\"\u003e\n\u003cdiv class=\"night-tag\"\u003e🌙 NIGHT CAR CULTURE\u003c\/div\u003e\n\u003ch2 class=\"night-title\"\u003eBUILT FOR AFTER DARK.\u003c\/h2\u003e\n\u003cp class=\"night-desc\"\u003eTurn every meet, shoot and garage night into a moment people remember.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0990\/5746\/7688\/files\/ChatGPT_Image_2026_8_28_15_07_02.png?v=1787901473\" alt=\"\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================\n 你的图片放这里\n 替换 YOUR_SHOPIFY_IMAGE_URL\n ========================================== --\u003e\n\u003cdiv class=\"night-image\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 3 CORE BENEFITS --\u003e\n\u003cdiv class=\"night-benefits\"\u003e\n\u003cdiv class=\"night-benefit\"\u003e\n\u003cstrong\u003e 🔥 TURN HEADS \u003c\/strong\u003e \u003cspan\u003e Stand out at every meet \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"night-benefit\"\u003e\n\u003cstrong\u003e 📸 MADE FOR CONTENT \u003c\/strong\u003e \u003cspan\u003e Built for night shoots \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"night-benefit\"\u003e\n\u003cstrong\u003e 👁️ OWN YOUR LOOK \u003c\/strong\u003e \u003cspan\u003e Give your build personality \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BOTTOM --\u003e\n\u003cdiv class=\"night-bottom\"\u003e\u003cb\u003eSHOW UP. LIGHT UP. GET NOTICED.\u003c\/b\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n LIVING EYES™ — USE CASES + PRODUCT SPECS\n Cyber Demon Eye Automotive\n========================================================= *\/\n\n#living-eyes-specs{\n --red:#ff3546;\n --red-soft:rgba(255,53,70,.10);\n --blue:#7894d6;\n\n --bg:#090b0e;\n --bg2:#111419;\n --panel:#15181d;\n --panel2:#0f1216;\n\n --white:#f5f6f8;\n --text:#d7dae0;\n --muted:#969da8;\n --line:rgba(255,255,255,.08);\n\n width:100%;\n max-width:900px;\n margin:20px auto;\n\n font-family:\n Arial,\n Helvetica,\n sans-serif;\n\n box-sizing:border-box;\n}\n\n#living-eyes-specs *{\n box-sizing:border-box;\n}\n\n\n\/* =========================================================\n COMMON SECTION\n========================================================= *\/\n\n#living-eyes-specs .le-section{\n position:relative;\n\n margin-bottom:18px;\n padding:21px 18px;\n\n overflow:hidden;\n\n border:1px solid rgba(255,53,70,.20);\n border-radius:18px;\n\n background:\n radial-gradient(\n circle at 88% 8%,\n rgba(82,108,176,.16),\n transparent 28%\n ),\n radial-gradient(\n circle at 8% 90%,\n rgba(255,53,70,.10),\n transparent 30%\n ),\n linear-gradient(\n 145deg,\n #171a20 0%,\n #090b0e 52%,\n #111419 100%\n );\n\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,.035),\n inset 0 0 50px rgba(0,0,0,.24);\n}\n\n\n\/* red ambient glow *\/\n\n#living-eyes-specs .le-section::after{\n content:\"\";\n\n position:absolute;\n\n width:380px;\n height:190px;\n\n left:50%;\n bottom:-130px;\n\n transform:translateX(-50%);\n\n background:\n radial-gradient(\n ellipse,\n rgba(255,45,60,.17),\n transparent 70%\n );\n\n filter:blur(28px);\n\n pointer-events:none;\n}\n\n\n\/* =========================================================\n SECTION 01 — USE CASES\n========================================================= *\/\n\n#living-eyes-specs .scene-tag{\n position:relative;\n z-index:2;\n\n margin-bottom:5px;\n\n text-align:center;\n\n color:var(--red);\n\n font-size:10px;\n font-weight:900;\n letter-spacing:1.7px;\n\n text-transform:uppercase;\n}\n\n\n#living-eyes-specs .scene-title{\n position:relative;\n z-index:2;\n\n max-width:700px;\n\n margin:0 auto 15px;\n\n color:#fff;\n\n text-align:center;\n\n font-family:\n \"Arial Narrow\",\n Arial,\n sans-serif;\n\n font-size:25px;\n line-height:1.18;\n font-weight:900;\n\n text-transform:uppercase;\n}\n\n\n#living-eyes-specs .scene-grid{\n position:relative;\n z-index:2;\n\n display:grid;\n grid-template-columns:repeat(3,1fr);\n\n gap:8px;\n}\n\n\n#living-eyes-specs .scene-item{\n min-height:64px;\n\n display:flex;\n align-items:center;\n justify-content:center;\n\n padding:11px 9px;\n\n border:1px solid rgba(255,255,255,.09);\n border-radius:10px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.045),\n rgba(255,255,255,.015)\n );\n\n color:#e8e9ec;\n\n text-align:center;\n\n font-size:11px;\n line-height:1.35;\n font-weight:800;\n\n transition:\n transform .25s ease,\n border-color .25s ease,\n background .25s ease;\n}\n\n\n@media (hover:hover) and (pointer:fine){\n\n #living-eyes-specs .scene-item:hover{\n transform:translateY(-2px);\n\n border-color:\n rgba(255,53,70,.40);\n\n background:\n rgba(255,53,70,.055);\n }\n\n}\n\n\n\/* =========================================================\n SPECS HEADER\n========================================================= *\/\n\n#living-eyes-specs .spec-heading{\n position:relative;\n z-index:2;\n\n display:flex;\n align-items:center;\n justify-content:center;\n\n gap:8px;\n\n margin:0 0 16px;\n\n color:#fff;\n\n font-size:23px;\n line-height:1.2;\n font-weight:900;\n}\n\n\n#living-eyes-specs .spec-heading span{\n color:var(--red);\n}\n\n\n\/* =========================================================\n SPECS TABLE\n========================================================= *\/\n\n#living-eyes-specs .spec-table{\n position:relative;\n z-index:2;\n\n overflow:hidden;\n\n border:1px solid rgba(255,255,255,.09);\n border-radius:12px;\n\n background:\n rgba(255,255,255,.02);\n}\n\n\n#living-eyes-specs .spec-row{\n display:grid;\n grid-template-columns:34% 66%;\n\n min-height:54px;\n\n border-bottom:\n 1px solid rgba(255,255,255,.065);\n}\n\n\n#living-eyes-specs .spec-row:last-child{\n border-bottom:none;\n}\n\n\n#living-eyes-specs .spec-label{\n display:flex;\n align-items:center;\n\n padding:12px 14px;\n\n background:\n rgba(255,255,255,.025);\n\n color:#f4f4f5;\n\n font-size:11px;\n line-height:1.4;\n font-weight:900;\n}\n\n\n#living-eyes-specs .spec-value{\n display:flex;\n align-items:center;\n justify-content:flex-end;\n\n padding:12px 14px;\n\n color:#adb3bd;\n\n text-align:right;\n\n font-size:11px;\n line-height:1.5;\n font-weight:600;\n letter-spacing:.15px;\n}\n\n\n#living-eyes-specs .spec-row.highlight{\n background:\n rgba(255,53,70,.045);\n}\n\n\n#living-eyes-specs\n.spec-row.highlight\n.spec-label{\n color:#ff5967;\n}\n\n\n#living-eyes-specs\n.spec-row.highlight\n.spec-value{\n color:#fff;\n font-weight:800;\n}\n\n\n\/* =========================================================\n GUIDANCE\n========================================================= *\/\n\n#living-eyes-specs .guidance{\n position:relative;\n z-index:2;\n\n margin-top:13px;\n padding:14px 15px;\n\n border:1px solid\n rgba(255,53,70,.18);\n\n border-radius:11px;\n\n background:\n linear-gradient(\n 135deg,\n rgba(255,53,70,.07),\n rgba(255,255,255,.018)\n );\n}\n\n\n#living-eyes-specs .guidance-title{\n margin-bottom:8px;\n\n color:#ff5967;\n\n font-size:11px;\n line-height:1.3;\n font-weight:900;\n}\n\n\n#living-eyes-specs .guidance ul{\n margin:0;\n padding-left:18px;\n}\n\n\n#living-eyes-specs .guidance li{\n margin:5px 0;\n\n color:#aeb4bd;\n\n font-size:10.5px;\n line-height:1.5;\n}\n\n\n\/* =========================================================\n ROAD USE NOTICE\n========================================================= *\/\n\n#living-eyes-specs .notice{\n position:relative;\n z-index:2;\n\n margin-top:10px;\n\n padding:11px 13px;\n\n border-left:2px solid var(--blue);\n\n border-radius:0 8px 8px 0;\n\n background:\n rgba(89,113,175,.065);\n\n color:#9ea8ba;\n\n font-size:9.5px;\n line-height:1.5;\n}\n\n\n#living-eyes-specs .notice strong{\n color:#cdd7ed;\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n #living-eyes-specs{\n margin:12px auto;\n }\n\n\n #living-eyes-specs .le-section{\n padding:16px 9px;\n\n border-radius:14px;\n }\n\n\n #living-eyes-specs .scene-tag{\n font-size:8px;\n }\n\n\n #living-eyes-specs .scene-title{\n max-width:340px;\n\n font-size:19px;\n }\n\n\n #living-eyes-specs .scene-grid{\n grid-template-columns:repeat(2,1fr);\n\n gap:6px;\n }\n\n\n #living-eyes-specs .scene-item{\n min-height:57px;\n\n padding:9px 6px;\n\n font-size:9px;\n }\n\n\n #living-eyes-specs .spec-heading{\n font-size:18px;\n }\n\n\n #living-eyes-specs .spec-row{\n grid-template-columns:37% 63%;\n }\n\n\n #living-eyes-specs .spec-label{\n padding:10px 8px;\n\n font-size:9px;\n }\n\n\n #living-eyes-specs .spec-value{\n padding:10px 8px;\n\n font-size:9px;\n }\n\n\n #living-eyes-specs .guidance{\n padding:12px 11px;\n }\n\n\n #living-eyes-specs .guidance li{\n font-size:9px;\n }\n\n}\n\u003c\/style\u003e\n\u003cdiv\u003e\n\u003c!-- =====================================================\n USE CASES\n ====================================================== --\u003e\n\u003csection class=\"le-section\"\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"living-eyes-specs\"\u003e\n\u003csection id=\"living-eyes-faq\"\u003e\n\u003cdiv class=\"faq-wrap\"\u003e\n\u003cdiv class=\"bottom-chips\"\u003e\n\u003cdiv class=\"chip\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* =========================================================\n LIVING EYES™ — USE CASES + PRODUCT SPECS\n Cyber Demon Eye Automotive\n========================================================= *\/\n\n#living-eyes-specs{\n --red:#ff3546;\n --red-soft:rgba(255,53,70,.10);\n --blue:#7894d6;\n\n --bg:#090b0e;\n --bg2:#111419;\n --panel:#15181d;\n --panel2:#0f1216;\n\n --white:#f5f6f8;\n --text:#d7dae0;\n --muted:#969da8;\n --line:rgba(255,255,255,.08);\n\n width:100%;\n max-width:900px;\n margin:20px auto;\n\n font-family:\n Arial,\n Helvetica,\n sans-serif;\n\n box-sizing:border-box;\n}\n\n#living-eyes-specs *{\n box-sizing:border-box;\n}\n\n\n\/* =========================================================\n COMMON SECTION\n========================================================= *\/\n\n#living-eyes-specs .le-section{\n position:relative;\n\n margin-bottom:18px;\n padding:21px 18px;\n\n overflow:hidden;\n\n border:1px solid rgba(255,53,70,.20);\n border-radius:18px;\n\n background:\n radial-gradient(\n circle at 88% 8%,\n rgba(82,108,176,.16),\n transparent 28%\n ),\n radial-gradient(\n circle at 8% 90%,\n rgba(255,53,70,.10),\n transparent 30%\n ),\n linear-gradient(\n 145deg,\n #171a20 0%,\n #090b0e 52%,\n #111419 100%\n );\n\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,.035),\n inset 0 0 50px rgba(0,0,0,.24);\n}\n\n\n\/* red ambient glow *\/\n\n#living-eyes-specs .le-section::after{\n content:\"\";\n\n position:absolute;\n\n width:380px;\n height:190px;\n\n left:50%;\n bottom:-130px;\n\n transform:translateX(-50%);\n\n background:\n radial-gradient(\n ellipse,\n rgba(255,45,60,.17),\n transparent 70%\n );\n\n filter:blur(28px);\n\n pointer-events:none;\n}\n\n\n\/* =========================================================\n SECTION 01 — USE CASES\n========================================================= *\/\n\n#living-eyes-specs .scene-tag{\n position:relative;\n z-index:2;\n\n margin-bottom:5px;\n\n text-align:center;\n\n color:var(--red);\n\n font-size:10px;\n font-weight:900;\n letter-spacing:1.7px;\n\n text-transform:uppercase;\n}\n\n\n#living-eyes-specs .scene-title{\n position:relative;\n z-index:2;\n\n max-width:700px;\n\n margin:0 auto 15px;\n\n color:#fff;\n\n text-align:center;\n\n font-family:\n \"Arial Narrow\",\n Arial,\n sans-serif;\n\n font-size:25px;\n line-height:1.18;\n font-weight:900;\n\n text-transform:uppercase;\n}\n\n\n#living-eyes-specs .scene-grid{\n position:relative;\n z-index:2;\n\n display:grid;\n grid-template-columns:repeat(3,1fr);\n\n gap:8px;\n}\n\n\n#living-eyes-specs .scene-item{\n min-height:64px;\n\n display:flex;\n align-items:center;\n justify-content:center;\n\n padding:11px 9px;\n\n border:1px solid rgba(255,255,255,.09);\n border-radius:10px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.045),\n rgba(255,255,255,.015)\n );\n\n color:#e8e9ec;\n\n text-align:center;\n\n font-size:11px;\n line-height:1.35;\n font-weight:800;\n\n transition:\n transform .25s ease,\n border-color .25s ease,\n background .25s ease;\n}\n\n\n@media (hover:hover) and (pointer:fine){\n\n #living-eyes-specs .scene-item:hover{\n transform:translateY(-2px);\n\n border-color:\n rgba(255,53,70,.40);\n\n background:\n rgba(255,53,70,.055);\n }\n\n}\n\n\n\/* =========================================================\n SPECS HEADER\n========================================================= *\/\n\n#living-eyes-specs .spec-heading{\n position:relative;\n z-index:2;\n\n display:flex;\n align-items:center;\n justify-content:center;\n\n gap:8px;\n\n margin:0 0 16px;\n\n color:#fff;\n\n font-size:23px;\n line-height:1.2;\n font-weight:900;\n}\n\n\n#living-eyes-specs .spec-heading span{\n color:var(--red);\n}\n\n\n\/* =========================================================\n SPECS TABLE\n========================================================= *\/\n\n#living-eyes-specs .spec-table{\n position:relative;\n z-index:2;\n\n overflow:hidden;\n\n border:1px solid rgba(255,255,255,.09);\n border-radius:12px;\n\n background:\n rgba(255,255,255,.02);\n}\n\n\n#living-eyes-specs .spec-row{\n display:grid;\n grid-template-columns:34% 66%;\n\n min-height:54px;\n\n border-bottom:\n 1px solid rgba(255,255,255,.065);\n}\n\n\n#living-eyes-specs .spec-row:last-child{\n border-bottom:none;\n}\n\n\n#living-eyes-specs .spec-label{\n display:flex;\n align-items:center;\n\n padding:12px 14px;\n\n background:\n rgba(255,255,255,.025);\n\n color:#f4f4f5;\n\n font-size:11px;\n line-height:1.4;\n font-weight:900;\n}\n\n\n#living-eyes-specs .spec-value{\n display:flex;\n align-items:center;\n justify-content:flex-end;\n\n padding:12px 14px;\n\n color:#adb3bd;\n\n text-align:right;\n\n font-size:11px;\n line-height:1.5;\n font-weight:600;\n letter-spacing:.15px;\n}\n\n\n#living-eyes-specs .spec-row.highlight{\n background:\n rgba(255,53,70,.045);\n}\n\n\n#living-eyes-specs\n.spec-row.highlight\n.spec-label{\n color:#ff5967;\n}\n\n\n#living-eyes-specs\n.spec-row.highlight\n.spec-value{\n color:#fff;\n font-weight:800;\n}\n\n\n\/* =========================================================\n GUIDANCE\n========================================================= *\/\n\n#living-eyes-specs .guidance{\n position:relative;\n z-index:2;\n\n margin-top:13px;\n padding:14px 15px;\n\n border:1px solid\n rgba(255,53,70,.18);\n\n border-radius:11px;\n\n background:\n linear-gradient(\n 135deg,\n rgba(255,53,70,.07),\n rgba(255,255,255,.018)\n );\n}\n\n\n#living-eyes-specs .guidance-title{\n margin-bottom:8px;\n\n color:#ff5967;\n\n font-size:11px;\n line-height:1.3;\n font-weight:900;\n}\n\n\n#living-eyes-specs .guidance ul{\n margin:0;\n padding-left:18px;\n}\n\n\n#living-eyes-specs .guidance li{\n margin:5px 0;\n\n color:#aeb4bd;\n\n font-size:10.5px;\n line-height:1.5;\n}\n\n\n\/* =========================================================\n ROAD USE NOTICE\n========================================================= *\/\n\n#living-eyes-specs .notice{\n position:relative;\n z-index:2;\n\n margin-top:10px;\n\n padding:11px 13px;\n\n border-left:2px solid var(--blue);\n\n border-radius:0 8px 8px 0;\n\n background:\n rgba(89,113,175,.065);\n\n color:#9ea8ba;\n\n font-size:9.5px;\n line-height:1.5;\n}\n\n\n#living-eyes-specs .notice strong{\n color:#cdd7ed;\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n #living-eyes-specs{\n margin:12px auto;\n }\n\n\n #living-eyes-specs .le-section{\n padding:16px 9px;\n\n border-radius:14px;\n }\n\n\n #living-eyes-specs .scene-tag{\n font-size:8px;\n }\n\n\n #living-eyes-specs .scene-title{\n max-width:340px;\n\n font-size:19px;\n }\n\n\n #living-eyes-specs .scene-grid{\n grid-template-columns:repeat(2,1fr);\n\n gap:6px;\n }\n\n\n #living-eyes-specs .scene-item{\n min-height:57px;\n\n padding:9px 6px;\n\n font-size:9px;\n }\n\n\n #living-eyes-specs .spec-heading{\n font-size:18px;\n }\n\n\n #living-eyes-specs .spec-row{\n grid-template-columns:37% 63%;\n }\n\n\n #living-eyes-specs .spec-label{\n padding:10px 8px;\n\n font-size:9px;\n }\n\n\n #living-eyes-specs .spec-value{\n padding:10px 8px;\n\n font-size:9px;\n }\n\n\n #living-eyes-specs .guidance{\n padding:12px 11px;\n }\n\n\n #living-eyes-specs .guidance li{\n font-size:9px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\n\u003cdiv id=\"living-eyes-specs\"\u003e\n\n\n \u003c!-- =====================================================\n USE CASES\n ====================================================== --\u003e\n\n \u003csection class=\"le-section\"\u003e\n\n\n \u003cdiv class=\"scene-tag\"\u003e\n BUILT FOR AFTER-DARK CAR CULTURE\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"scene-title\"\u003e\n 🔥 MADE FOR MEETS, BUILDS \u0026amp;\n NIGHT-TIME ATTITUDE 👁️\n \u003c\/h2\u003e\n\n\n\n \u003cdiv class=\"scene-grid\"\u003e\n\n\n \u003cdiv class=\"scene-item\"\u003e\n 🏁 Night Car Meets\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"scene-item\"\u003e\n 📸 Night Photoshoots\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"scene-item\"\u003e\n 🔧 Garage Builds\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"scene-item\"\u003e\n 📱 Reels \u0026amp; Car Content\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"scene-item\"\u003e\n 🚘 Show-Car Displays\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"scene-item\"\u003e\n 🌙 After-Dark Styling\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n\n \u003c!-- =====================================================\n PRODUCT SPECIFICATIONS\n ====================================================== --\u003e\n\n \u003csection class=\"le-section\"\u003e\n\n\n \u003ch2 class=\"spec-heading\"\u003e\n \u003cspan\u003e⚙️\u003c\/span\u003e\n PRODUCT SPECIFICATIONS\n \u003c\/h2\u003e\n\n\n\n \u003cdiv class=\"spec-table\"\u003e\n\n\n \u003cdiv class=\"spec-row\"\u003e\n\n \u003cdiv class=\"spec-label\"\u003e\n Product Name\n \u003c\/div\u003e\n\n \u003cdiv class=\"spec-value\"\u003e\n Living Eyes™ Animated LED Headlight Kit\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"spec-row\"\u003e\n\n \u003cdiv class=\"spec-label\"\u003e\n Display Options\n \u003c\/div\u003e\n\n \u003cdiv class=\"spec-value\"\u003e\n 11 Eye Styles · 8 Emoticons · 14 Display Modes\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"spec-row\"\u003e\n\n \u003cdiv class=\"spec-label\"\u003e\n Control\n \u003c\/div\u003e\n\n \u003cdiv class=\"spec-value\"\u003e\n Included Wireless Remote\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"spec-row\"\u003e\n\n \u003cdiv class=\"spec-label\"\u003e\n Light Configuration\n \u003c\/div\u003e\n\n \u003cdiv class=\"spec-value\"\u003e\n Dual Round Animated Eye Modules\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"spec-row\"\u003e\n\n \u003cdiv class=\"spec-label\"\u003e\n Face Size\n \u003c\/div\u003e\n\n \u003cdiv class=\"spec-value\"\u003e\n Approx. 80 mm W × 70 mm H\n   \/  \n 3.15 × 2.76 in\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"spec-row\"\u003e\n\n \u003cdiv class=\"spec-label\"\u003e\n Module Depth\n \u003c\/div\u003e\n\n \u003cdiv class=\"spec-value\"\u003e\n Approx. 70 mm \/ 2.76 in\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"spec-row\"\u003e\n\n \u003cdiv class=\"spec-label\"\u003e\n Side Body Height\n \u003c\/div\u003e\n\n \u003cdiv class=\"spec-value\"\u003e\n Approx. 67 mm \/ 2.63 in\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"spec-row highlight\"\u003e\n\n \u003cdiv class=\"spec-label\"\u003e\n Package Includes\n \u003c\/div\u003e\n\n \u003cdiv class=\"spec-value\"\u003e\n 2 × Animated Eye Modules ·\n 1 × Controller ·\n 1 × Wireless Remote\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- ===================================================\n INSTALLATION GUIDANCE\n ==================================================== --\u003e\n\n \u003cdiv class=\"guidance\"\u003e\n\n \u003cdiv class=\"guidance-title\"\u003e\n 🔧 INSTALLATION \u0026amp; FITMENT GUIDANCE:\n \u003c\/div\u003e\n\n\n \u003cul\u003e\n\n \u003cli\u003e\n Check the available space inside your\n headlight housing against the product\n dimensions before ordering.\n \u003c\/li\u003e\n\n \u003cli\u003e\n Installation requirements may vary by\n vehicle and headlight design.\n \u003c\/li\u003e\n\n \u003cli\u003e\n Professional installation is recommended\n if you're unfamiliar with headlight\n modification or automotive wiring.\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- ROAD USE --\u003e\n\n \u003cdiv class=\"notice\"\u003e\n\n \u003cstrong\u003e⚠ DISPLAY USE:\u003c\/strong\u003e\n\n Colored and animated lighting regulations\n vary by location. Check local vehicle-lighting\n laws before using animated or colored modes\n on public roads.\n\n \u003c\/div\u003e\n\n\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* =========================================================\n LIVING EYES™ — FAQ + TRUST + CTA\n Cyber Demon Eye Automotive\n========================================================= *\/\n\n#living-eyes-faq{\n --red:#ff3447;\n --red-rgb:255,52,71;\n --blue:#718fd3;\n\n --bg:#080a0d;\n --panel:#111419;\n --panel-soft:#15191f;\n\n --white:#f7f7f8;\n --text:#d7dae0;\n --muted:#9ba2ad;\n --line:rgba(255,255,255,.08);\n\n width:100%;\n max-width:900px;\n margin:20px auto;\n box-sizing:border-box;\n\n font-family:Arial,Helvetica,sans-serif;\n}\n\n#living-eyes-faq *{\n box-sizing:border-box;\n}\n\n\n\/* =========================================================\n FAQ WRAPPER\n========================================================= *\/\n\n#living-eyes-faq .faq-wrap{\n position:relative;\n overflow:hidden;\n\n padding:20px 18px;\n\n border:1px solid rgba(var(--red-rgb),.18);\n border-radius:18px;\n\n background:\n radial-gradient(\n circle at 88% 8%,\n rgba(80,106,174,.16),\n transparent 28%\n ),\n radial-gradient(\n circle at 8% 92%,\n rgba(var(--red-rgb),.10),\n transparent 30%\n ),\n linear-gradient(\n 145deg,\n #171b20 0%,\n #080a0d 52%,\n #111419 100%\n );\n\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,.035),\n inset 0 0 50px rgba(0,0,0,.25);\n}\n\n\n\/* subtle red atmosphere *\/\n\n#living-eyes-faq .faq-wrap::after{\n content:\"\";\n\n position:absolute;\n width:420px;\n height:200px;\n\n left:50%;\n bottom:-145px;\n\n transform:translateX(-50%);\n\n background:\n radial-gradient(\n ellipse,\n rgba(var(--red-rgb),.18),\n transparent 70%\n );\n\n filter:blur(28px);\n pointer-events:none;\n}\n\n\n\/* =========================================================\n FAQ TITLE\n========================================================= *\/\n\n#living-eyes-faq .faq-title{\n position:relative;\n z-index:2;\n\n margin:0 0 15px;\n\n display:flex;\n align-items:center;\n justify-content:center;\n gap:8px;\n\n color:#fff;\n\n font-family:\n \"Arial Narrow\",\n Arial,\n Helvetica,\n sans-serif;\n\n font-size:23px;\n line-height:1.2;\n font-weight:900;\n letter-spacing:.2px;\n\n text-transform:uppercase;\n}\n\n#living-eyes-faq .faq-title span{\n color:var(--red);\n}\n\n\n\/* =========================================================\n FAQ ITEM\n========================================================= *\/\n\n#living-eyes-faq details{\n position:relative;\n z-index:3;\n\n margin-bottom:8px;\n\n border:1px solid rgba(255,255,255,.08);\n border-radius:11px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.035),\n rgba(255,255,255,.012)\n );\n\n overflow:hidden;\n\n transition:\n border-color .25s ease,\n background .25s ease;\n}\n\n#living-eyes-faq details[open]{\n border-color:\n rgba(var(--red-rgb),.34);\n\n background:\n rgba(var(--red-rgb),.045);\n}\n\n#living-eyes-faq summary{\n position:relative;\n\n padding:13px 42px 13px 14px;\n\n cursor:pointer;\n\n list-style:none;\n\n color:#f1f2f4;\n\n font-size:12px;\n line-height:1.4;\n font-weight:850;\n}\n\n#living-eyes-faq summary::-webkit-details-marker{\n display:none;\n}\n\n#living-eyes-faq summary::after{\n content:\"+\";\n\n position:absolute;\n\n right:15px;\n top:50%;\n\n transform:translateY(-50%);\n\n color:var(--red);\n\n font-size:20px;\n font-weight:500;\n}\n\n#living-eyes-faq details[open] summary::after{\n content:\"−\";\n}\n\n#living-eyes-faq .faq-answer{\n padding:0 14px 13px;\n\n color:#9fa6b0;\n\n font-size:11px;\n line-height:1.55;\n}\n\n\n\/* =========================================================\n TRUST STRIP\n========================================================= *\/\n\n#living-eyes-faq .trust-grid{\n position:relative;\n z-index:3;\n\n display:grid;\n grid-template-columns:repeat(3,1fr);\n\n gap:8px;\n\n margin-top:14px;\n}\n\n#living-eyes-faq .trust-item{\n padding:12px 8px;\n\n text-align:center;\n\n border:1px solid rgba(255,255,255,.075);\n border-radius:10px;\n\n background:\n rgba(255,255,255,.025);\n}\n\n#living-eyes-faq .trust-item strong{\n display:block;\n\n margin-bottom:3px;\n\n color:#fff;\n\n font-size:10.5px;\n line-height:1.3;\n font-weight:900;\n}\n\n#living-eyes-faq .trust-item span{\n display:block;\n\n color:#8e959f;\n\n font-size:9px;\n line-height:1.35;\n}\n\n\n\/* =========================================================\n CTA BLOCK\n========================================================= *\/\n\n#living-eyes-faq .cta-box{\n position:relative;\n z-index:4;\n\n margin-top:16px;\n padding:19px 18px;\n\n overflow:hidden;\n\n border:1px solid rgba(var(--red-rgb),.32);\n border-radius:14px;\n\n text-align:center;\n\n background:\n radial-gradient(\n circle at 50% 110%,\n rgba(var(--red-rgb),.20),\n transparent 55%\n ),\n linear-gradient(\n 135deg,\n #17090c 0%,\n #0a0b0e 52%,\n #12151a 100%\n );\n\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,.04),\n 0 0 25px rgba(var(--red-rgb),.06);\n}\n\n#living-eyes-faq .cta-eyebrow{\n margin-bottom:5px;\n\n color:var(--red);\n\n font-size:9px;\n line-height:1.4;\n font-weight:900;\n letter-spacing:1.5px;\n\n text-transform:uppercase;\n}\n\n#living-eyes-faq .cta-title{\n margin:0;\n\n color:#fff;\n\n font-family:\n \"Arial Narrow\",\n Arial,\n Helvetica,\n sans-serif;\n\n font-size:21px;\n line-height:1.15;\n font-weight:900;\n\n text-transform:uppercase;\n}\n\n#living-eyes-faq .cta-copy{\n max-width:590px;\n\n margin:7px auto 0;\n\n color:#adb3bc;\n\n font-size:11px;\n line-height:1.5;\n font-weight:600;\n}\n\n\n\/* CTA mini row *\/\n\n#living-eyes-faq .cta-mini{\n display:flex;\n justify-content:center;\n flex-wrap:wrap;\n\n gap:8px 18px;\n\n margin-top:13px;\n padding-top:12px;\n\n border-top:\n 1px solid rgba(255,255,255,.075);\n}\n\n#living-eyes-faq .cta-mini span{\n color:#d9dce1;\n\n font-size:9px;\n line-height:1.3;\n font-weight:800;\n}\n\n\n\/* =========================================================\n BOTTOM CHIPS\n========================================================= *\/\n\n#living-eyes-faq .bottom-chips{\n position:relative;\n z-index:4;\n\n display:grid;\n grid-template-columns:repeat(4,1fr);\n\n gap:6px;\n\n margin-top:10px;\n}\n\n#living-eyes-faq .chip{\n padding:9px 6px;\n\n border:1px solid rgba(255,255,255,.075);\n border-radius:9px;\n\n background:\n rgba(255,255,255,.018);\n\n text-align:center;\n\n color:#aeb4bd;\n\n font-size:8.5px;\n line-height:1.25;\n font-weight:800;\n\n transition:\n transform .25s ease,\n border-color .25s ease,\n color .25s ease,\n background .25s ease;\n}\n\n\n\/* =========================================================\n HOVER\n========================================================= *\/\n\n@media (hover:hover) and (pointer:fine){\n\n #living-eyes-faq details:hover{\n border-color:\n rgba(var(--red-rgb),.25);\n }\n\n #living-eyes-faq .chip:hover{\n transform:translateY(-2px);\n\n color:#fff;\n\n border-color:\n rgba(var(--red-rgb),.35);\n\n background:\n rgba(var(--red-rgb),.045);\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n #living-eyes-faq{\n margin:12px auto;\n }\n\n #living-eyes-faq .faq-wrap{\n padding:15px 9px;\n\n border-radius:14px;\n }\n\n #living-eyes-faq .faq-title{\n font-size:18px;\n }\n\n #living-eyes-faq summary{\n padding:12px 36px 12px 11px;\n\n font-size:10.5px;\n }\n\n #living-eyes-faq .faq-answer{\n padding:0 11px 11px;\n\n font-size:9.5px;\n }\n\n #living-eyes-faq .trust-grid{\n gap:5px;\n }\n\n #living-eyes-faq .trust-item{\n padding:9px 4px;\n }\n\n #living-eyes-faq .trust-item strong{\n font-size:8px;\n }\n\n #living-eyes-faq .trust-item span{\n font-size:7px;\n }\n\n #living-eyes-faq .cta-box{\n padding:16px 11px;\n }\n\n #living-eyes-faq .cta-title{\n font-size:17px;\n }\n\n #living-eyes-faq .cta-copy{\n font-size:9.5px;\n }\n\n #living-eyes-faq .cta-mini span{\n font-size:7.5px;\n }\n\n #living-eyes-faq .bottom-chips{\n grid-template-columns:repeat(2,1fr);\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection id=\"living-eyes-faq\"\u003e\n\n \u003cdiv class=\"faq-wrap\"\u003e\n\n\n \u003c!-- FAQ TITLE --\u003e\n\n \u003ch2 class=\"faq-title\"\u003e\n \u003cspan\u003e?\u003c\/span\u003e\n FREQUENTLY ASKED QUESTIONS\n \u003c\/h2\u003e\n\n\n\n \u003c!-- FAQ 01 --\u003e\n\n \u003cdetails open=\"\"\u003e\n\n \u003csummary\u003e\n Q: What can I switch with the remote?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"faq-answer\"\u003e\n Use the included remote to switch between\n eye styles, emoticons and display modes\n in seconds.\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n\n \u003c!-- FAQ 02 --\u003e\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Q: How many display options are included?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"faq-answer\"\u003e\n The kit offers 33 different looks:\n 11 eye styles, 8 emoticons and\n 14 display modes.\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n\n \u003c!-- FAQ 03 --\u003e\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Q: Will it fit my headlights?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"faq-answer\"\u003e\n Fitment depends on the available space\n and design of your headlight housing.\n Compare your housing with the listed\n product dimensions before ordering.\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n\n \u003c!-- FAQ 04 --\u003e\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Q: Can I use the animated colors on public roads?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"faq-answer\"\u003e\n Vehicle-lighting laws vary by location.\n Check local regulations before using\n colored or animated modes on public roads.\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n\n \u003c!-- 3 FAST TRUST \/ PRODUCT POINTS --\u003e\n\n \u003cdiv class=\"trust-grid\"\u003e\n\n\n \u003cdiv class=\"trust-item\"\u003e\n\n \u003cstrong\u003e\n 👁️ 33 UNIQUE LOOKS\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Eyes, expressions \u0026amp; displays\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"trust-item\"\u003e\n\n \u003cstrong\u003e\n 🎮 REMOTE INCLUDED\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Switch the mood in seconds\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"trust-item\"\u003e\n\n \u003cstrong\u003e\n 🔥 DUAL EYE KIT\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Built for a complete front-end look\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- CTA --\u003e\n\n \u003cdiv class=\"cta-box\"\u003e\n\n\n \u003cdiv class=\"cta-eyebrow\"\u003e\n GIVE YOUR BUILD A FACE\n \u003c\/div\u003e\n\n\n \u003ch3 class=\"cta-title\"\u003e\n MAKE THEM LOOK TWICE. 👁️\n \u003c\/h3\u003e\n\n\n \u003cp class=\"cta-copy\"\u003e\n Turn an ordinary front end into a\n living, expressive stare built for\n meets, builds and after-dark content.\n \u003c\/p\u003e\n\n\n\n \u003cdiv class=\"cta-mini\"\u003e\n\n \u003cspan\u003e\n 👁 11 EYE STYLES\n \u003c\/span\u003e\n\n \u003cspan\u003e\n 😈 8 EMOTICONS\n \u003c\/span\u003e\n\n \u003cspan\u003e\n 🎮 WIRELESS CONTROL\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- BOTTOM CHIPS --\u003e\n\n \u003cdiv class=\"bottom-chips\"\u003e\n\n\n \u003cdiv class=\"chip\"\u003e\n 👁 11 EYES\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"chip\"\u003e\n 🎭 8 EMOTICONS\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"chip\"\u003e\n ⚡ 33 LOOKS\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"chip\"\u003e\n 🎮 REMOTE INCLUDED\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n \u003c\/div\u003e","brand":"ZFY","offers":[{"title":"BUY 1","offer_id":67456398262317,"sku":"ZZQ2609014968-拖一透镜【6模式】","price":39.99,"currency_code":"USD","in_stock":true},{"title":"🔥BUY 2(FREE SHIPPING)🔥","offer_id":67456398295085,"sku":"ZZQ2609014968-拖一透镜【6模式】*2","price":69.99,"currency_code":"USD","in_stock":true},{"title":"🔥BUY 3(FREE SHIPPING)🔥","offer_id":67456398327853,"sku":"ZZQ2609014968-拖一透镜【6模式】*3","price":99.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/9599\/0573\/files\/ChatGPTImage2026_8_28_14_54_03.png?v=1788248350","url":"https:\/\/woverssy.com\/products\/ed-headlights-with-animated-eyes","provider":"woverssy","version":"1.0","type":"link"}