{"product_id":"ed-headlights-with-animated-eyes","title":"🔥 Limited Time 50% OFF😈ED Headlights with Animated Evil Eyes","description":"\u003cstyle\u003e   .demon-eye-trust-box {     width: 100%;     max-width: 760px;     margin: 18px auto;     padding: 14px 20px;      background:       radial-gradient(circle at 50% 0%, rgba(229, 35, 47, 0.12), transparent 55%),       linear-gradient(135deg, #15171b 0%, #0d0f12 100%);      border: 1px solid rgba(255, 68, 78, 0.75);     border-radius: 12px;      box-shadow:       0 0 18px rgba(220, 25, 38, 0.10),       inset 0 0 20px rgba(255, 40, 50, 0.03);      text-align: center;     font-family: Arial, Helvetica, sans-serif;     box-sizing: border-box;   }    .demon-eye-trust-box .trust-top {     margin: 0 0 7px;     color: #e7e7e7;     font-size: 13px;     line-height: 1.55;     letter-spacing: 0.3px;   }    .demon-eye-trust-box .trust-top strong {     color: #ff4652;     font-weight: 800;     letter-spacing: 0.7px;   }    .demon-eye-trust-box .trust-bottom {     margin: 0;     color: #ffffff;     font-size: 13px;     line-height: 1.65;     font-weight: 700;     letter-spacing: 0.45px;   }    .demon-eye-trust-box .divider {     display: inline-block;     margin: 0 8px;     color: #666b73;   }    @media (max-width: 600px) {     .demon-eye-trust-box {       padding: 13px 12px;       margin: 14px auto;       border-radius: 10px;     }      .demon-eye-trust-box .trust-top,     .demon-eye-trust-box .trust-bottom {       font-size: 12px;     }      .demon-eye-trust-box .divider {       margin: 0 5px;     }   } \u003c\/style\u003e \u003cdiv class=\"demon-eye-trust-box\"\u003e \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 \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 \u003c\/div\u003e \u003cdiv class=\"demon-eye-feature-card\"\u003e\u003c!-- 顶部小标签 --\u003e\u003c\/div\u003e \u003cdiv class=\"demon-eye-feature-card\"\u003e\u003c!-- 顶部小标签 --\u003e\u003c\/div\u003e \u003cstyle\u003e \/* =========================================================    LIVING EYES™ — CYBER DEMON EYE FEATURE BLOCK    Shopify Safe \/ Responsive \/ Interactive ========================================================= *\/  #living-eyes-feature {   --accent: #ff313d;   --accent-rgb: 255,49,61;   --cool: #708dff;   --ink: #f7f7f8;   --muted: #b5bac3;   --panel: #0b0d10;    width: 100%;   max-width: 760px;   margin: 20px auto;   box-sizing: border-box;   font-family: Arial, Helvetica, sans-serif; }  \/* ---------- 整体卡片 ---------- *\/  #living-eyes-feature .le-card {   position: relative;   overflow: hidden;    padding: 22px 16px 18px;    border-radius: 18px;   border: 1px solid rgba(var(--accent-rgb), .34);    background:     radial-gradient(       circle at 85% 8%,       rgba(82,108,180,.15),       transparent 30%     ),     radial-gradient(       circle at 12% 90%,       rgba(var(--accent-rgb),.10),       transparent 32%     ),     linear-gradient(       145deg,       #171a20 0%,       #0c0e12 48%,       #111318 100%     );    box-shadow:     inset 0 1px 0 rgba(255,255,255,.04),     inset 0 0 45px rgba(255,255,255,.012);    transition:     border-color .4s ease,     box-shadow .4s ease; }  \/* 顶部环境冷光 *\/  #living-eyes-feature .le-card::before {   content: '';   position: absolute;   width: 300px;   height: 170px;   top: -90px;   right: -60px;    background:     radial-gradient(       ellipse,       rgba(91,119,210,.16),       transparent 68%     );    pointer-events: none; }  \/* 底部 Demon Red 环境光 *\/  #living-eyes-feature .le-card::after {   content: '';   position: absolute;   width: 330px;   height: 150px;   left: 50%;   bottom: -110px;   transform: translateX(-50%);    background:     radial-gradient(       ellipse,       rgba(var(--accent-rgb),.22),       transparent 70%     );    filter: blur(16px);   pointer-events: none; }   \/* ---------- 顶部标签 ---------- *\/  #living-eyes-feature .le-eyebrow {   position: relative;   z-index: 3;    margin: 0 0 7px;    text-align: center;   text-transform: uppercase;    color: var(--accent);    font-size: 11px;   line-height: 1.5;   font-weight: 800;   letter-spacing: 1.4px; }   \/* ---------- 主标题 ---------- *\/  #living-eyes-feature .le-title {   position: relative;   z-index: 3;    margin: 0 0 17px;    text-align: center;    color: var(--ink);    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;   font-size: 31px;   line-height: 1.08;   font-weight: 900;   letter-spacing: -.7px;    text-transform: uppercase; }   \/* =========================================================    主视觉区域 ========================================================= *\/  #living-eyes-feature .le-visual {   position: relative;   z-index: 2;    width: 100%;   min-height: 470px;    overflow: hidden;    border-radius: 14px;   border: 1px solid rgba(255,255,255,.07);    background:     \/* 左眼环境光 *\/     radial-gradient(       circle at 31% 48%,       rgba(var(--accent-rgb),.24) 0%,       rgba(var(--accent-rgb),.07) 12%,       transparent 28%     ),      \/* 右眼环境光 *\/     radial-gradient(       circle at 69% 48%,       rgba(var(--accent-rgb),.24) 0%,       rgba(var(--accent-rgb),.07) 12%,       transparent 28%     ),      \/* 顶部车库冷光 *\/     linear-gradient(       180deg,       rgba(88,111,176,.12),       transparent 26%     ),      linear-gradient(       160deg,       #161a20 0%,       #080a0d 55%,       #101216 100%     );    box-shadow:     inset 0 -90px 100px rgba(0,0,0,.52),     inset 0 0 60px rgba(0,0,0,.25);    transition:     box-shadow .45s ease,     background .45s ease,     transform .35s ease; }   \/* ---------- 地下车库结构线 ---------- *\/  #living-eyes-feature .garage-lines {   position: absolute;   inset: 0;   z-index: 0;    opacity: .65;    background:     linear-gradient(       90deg,       transparent 8%,       rgba(255,255,255,.035) 8.2%,       transparent 8.6%,       transparent 91%,       rgba(255,255,255,.035) 91.2%,       transparent 91.6%     ),      linear-gradient(       180deg,       transparent 20%,       rgba(255,255,255,.026) 20.2%,       transparent 20.6%     );    pointer-events: none; }   \/* ---------- 地面反射 ---------- *\/  #living-eyes-feature .floor-glow {   position: absolute;   z-index: 1;    width: 65%;   height: 130px;    left: 50%;   bottom: -38px;    transform: translateX(-50%);    background:     radial-gradient(       ellipse,       rgba(var(--accent-rgb),.24) 0%,       rgba(var(--accent-rgb),.08) 38%,       transparent 72%     );    filter: blur(15px);    transition: background .45s ease; }   \/* ---------- 两侧眼睛氛围光 ---------- *\/  #living-eyes-feature .eye-glow {   position: absolute;   z-index: 1;    top: 44%;    width: 120px;   height: 72px;    border-radius: 50%;    background:     radial-gradient(       ellipse,       rgba(var(--accent-rgb),.37),       rgba(var(--accent-rgb),.10) 42%,       transparent 72%     );    filter: blur(9px);    opacity: .8;    animation: lePulse 2.5s ease-in-out infinite; }  #living-eyes-feature .eye-glow.left {   left: 15%; }  #living-eyes-feature .eye-glow.right {   right: 15%; }   \/* ---------- 扫描光 ---------- *\/  #living-eyes-feature .scan-line {   position: absolute;   z-index: 3;    left: 10%;   right: 10%;   top: -8px;    height: 1px;    background:     linear-gradient(       90deg,       transparent,       rgba(var(--accent-rgb),.72),       transparent     );    opacity: .4;    animation: leScan 5s ease-in-out infinite; }   \/* ---------- 产品图片 ---------- *\/  #living-eyes-feature .le-image {   position: absolute;   inset: 0;   z-index: 2;    width: 100%;   height: 100%;    object-fit: cover;    transition:     transform .6s cubic-bezier(.2,.7,.2,1),     filter .45s ease; }   \/* =========================================================    模式选择 ========================================================= *\/  #living-eyes-feature .mode-panel {   position: absolute;   z-index: 5;    left: 50%;   bottom: 15px;    transform: translateX(-50%);    display: flex;   gap: 7px;    padding: 6px;    border: 1px solid rgba(255,255,255,.10);   border-radius: 999px;    background: rgba(8,10,13,.78);    backdrop-filter: blur(12px);   -webkit-backdrop-filter: blur(12px); }   #living-eyes-feature .mode-btn {   min-height: 38px;    padding: 8px 15px;    border: 1px solid transparent;   border-radius: 999px;    background: transparent;    color: #aeb3bc;    font-size: 10px;   line-height: 1;   font-weight: 800;   letter-spacing: .9px;    cursor: pointer;    transition:     color .25s ease,     background .25s ease,     border-color .25s ease,     box-shadow .25s ease; }   #living-eyes-feature .mode-btn.active {   color: #fff;    border-color: rgba(var(--accent-rgb),.55);    background:     linear-gradient(       180deg,       rgba(var(--accent-rgb),.30),       rgba(var(--accent-rgb),.12)     );    box-shadow:     0 0 14px rgba(var(--accent-rgb),.16); }   \/* =========================================================    底部文案 ========================================================= *\/  #living-eyes-feature .le-copy {   position: relative;   z-index: 3;    padding: 17px 14px 2px;    text-align: center; }   #living-eyes-feature .mode-title {   margin: 0 0 5px;    color: var(--accent);    font-size: 12px;   line-height: 1.4;   font-weight: 900;   letter-spacing: 1.1px;    text-transform: uppercase;    transition: color .35s ease; }   #living-eyes-feature .le-description {   max-width: 620px;   margin: 0 auto;    color: #d9dce2;    font-size: 15px;   line-height: 1.55;   font-weight: 600;   letter-spacing: .25px; }   \/* =========================================================    Hover ========================================================= *\/  @media (hover:hover) and (pointer:fine) {    #living-eyes-feature .le-card:hover {     border-color: rgba(var(--accent-rgb),.58);      box-shadow:       inset 0 1px 0 rgba(255,255,255,.05),       0 0 28px rgba(var(--accent-rgb),.07);   }    #living-eyes-feature .le-visual:hover .le-image {     transform: scale(1.018);   }    #living-eyes-feature .le-visual:hover {     box-shadow:       inset 0 -90px 100px rgba(0,0,0,.48),       inset 0 0 75px rgba(var(--accent-rgb),.08);   }    #living-eyes-feature .mode-btn:hover {     color: #fff;     border-color: rgba(255,255,255,.14);   } }   \/* =========================================================    Animations ========================================================= *\/  @keyframes lePulse {    0%, 100% {     opacity: .55;     transform: scale(.92);   }    50% {     opacity: .95;     transform: scale(1.08);   } }   @keyframes leScan {    0% {     top: 12%;     opacity: 0;   }    20% {     opacity: .4;   }    75% {     opacity: .25;   }    100% {     top: 82%;     opacity: 0;   } }   \/* =========================================================    Mobile ========================================================= *\/  @media (max-width:600px) {    #living-eyes-feature {     margin: 12px auto;   }    #living-eyes-feature .le-card {     padding: 17px 9px 14px;     border-radius: 15px;   }    #living-eyes-feature .le-eyebrow {     font-size: 9.5px;     letter-spacing: .9px;   }    #living-eyes-feature .le-title {     font-size: 25px;     margin-bottom: 13px;   }    #living-eyes-feature .le-visual {     min-height: 390px;     border-radius: 12px;   }    #living-eyes-feature .eye-glow {     width: 88px;     height: 58px;   }    #living-eyes-feature .mode-panel {     width: calc(100% - 20px);     justify-content: center;     bottom: 10px;   }    #living-eyes-feature .mode-btn {     flex: 1;     padding: 8px 7px;     font-size: 9px;   }    #living-eyes-feature .le-description {     font-size: 13.5px;   }  }   \/* 减少动态效果系统设置 *\/  @media (prefers-reduced-motion:reduce) {    #living-eyes-feature *,   #living-eyes-feature *::before,   #living-eyes-feature *::after {     animation: none !important;     transition: none !important;   }  } \u003c\/style\u003e \u003cstyle\u003e \/* =========================================================    LIVING EYES™ — CYBER DEMON EYE FEATURE BLOCK    Shopify Safe \/ Responsive \/ Interactive ========================================================= *\/  #living-eyes-feature {   --accent: #ff313d;   --accent-rgb: 255,49,61;   --cool: #708dff;   --ink: #f7f7f8;   --muted: #b5bac3;   --panel: #0b0d10;    width: 100%;   max-width: 760px;   margin: 20px auto;   box-sizing: border-box;   font-family: Arial, Helvetica, sans-serif; }  \/* ---------- 整体卡片 ---------- *\/  #living-eyes-feature .le-card {   position: relative;   overflow: hidden;    padding: 22px 16px 18px;    border-radius: 18px;   border: 1px solid rgba(var(--accent-rgb), .34);    background:     radial-gradient(       circle at 85% 8%,       rgba(82,108,180,.15),       transparent 30%     ),     radial-gradient(       circle at 12% 90%,       rgba(var(--accent-rgb),.10),       transparent 32%     ),     linear-gradient(       145deg,       #171a20 0%,       #0c0e12 48%,       #111318 100%     );    box-shadow:     inset 0 1px 0 rgba(255,255,255,.04),     inset 0 0 45px rgba(255,255,255,.012);    transition:     border-color .4s ease,     box-shadow .4s ease; }  \/* 顶部环境冷光 *\/  #living-eyes-feature .le-card::before {   content: '';   position: absolute;   width: 300px;   height: 170px;   top: -90px;   right: -60px;    background:     radial-gradient(       ellipse,       rgba(91,119,210,.16),       transparent 68%     );    pointer-events: none; }  \/* 底部 Demon Red 环境光 *\/  #living-eyes-feature .le-card::after {   content: '';   position: absolute;   width: 330px;   height: 150px;   left: 50%;   bottom: -110px;   transform: translateX(-50%);    background:     radial-gradient(       ellipse,       rgba(var(--accent-rgb),.22),       transparent 70%     );    filter: blur(16px);   pointer-events: none; }   \/* ---------- 顶部标签 ---------- *\/  #living-eyes-feature .le-eyebrow {   position: relative;   z-index: 3;    margin: 0 0 7px;    text-align: center;   text-transform: uppercase;    color: var(--accent);    font-size: 11px;   line-height: 1.5;   font-weight: 800;   letter-spacing: 1.4px; }   \/* ---------- 主标题 ---------- *\/  #living-eyes-feature .le-title {   position: relative;   z-index: 3;    margin: 0 0 17px;    text-align: center;    color: var(--ink);    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;   font-size: 31px;   line-height: 1.08;   font-weight: 900;   letter-spacing: -.7px;    text-transform: uppercase; }   \/* =========================================================    主视觉区域 ========================================================= *\/  #living-eyes-feature .le-visual {   position: relative;   z-index: 2;    width: 100%;   min-height: 470px;    overflow: hidden;    border-radius: 14px;   border: 1px solid rgba(255,255,255,.07);    background:     \/* 左眼环境光 *\/     radial-gradient(       circle at 31% 48%,       rgba(var(--accent-rgb),.24) 0%,       rgba(var(--accent-rgb),.07) 12%,       transparent 28%     ),      \/* 右眼环境光 *\/     radial-gradient(       circle at 69% 48%,       rgba(var(--accent-rgb),.24) 0%,       rgba(var(--accent-rgb),.07) 12%,       transparent 28%     ),      \/* 顶部车库冷光 *\/     linear-gradient(       180deg,       rgba(88,111,176,.12),       transparent 26%     ),      linear-gradient(       160deg,       #161a20 0%,       #080a0d 55%,       #101216 100%     );    box-shadow:     inset 0 -90px 100px rgba(0,0,0,.52),     inset 0 0 60px rgba(0,0,0,.25);    transition:     box-shadow .45s ease,     background .45s ease,     transform .35s ease; }   \/* ---------- 地下车库结构线 ---------- *\/  #living-eyes-feature .garage-lines {   position: absolute;   inset: 0;   z-index: 0;    opacity: .65;    background:     linear-gradient(       90deg,       transparent 8%,       rgba(255,255,255,.035) 8.2%,       transparent 8.6%,       transparent 91%,       rgba(255,255,255,.035) 91.2%,       transparent 91.6%     ),      linear-gradient(       180deg,       transparent 20%,       rgba(255,255,255,.026) 20.2%,       transparent 20.6%     );    pointer-events: none; }   \/* ---------- 地面反射 ---------- *\/  #living-eyes-feature .floor-glow {   position: absolute;   z-index: 1;    width: 65%;   height: 130px;    left: 50%;   bottom: -38px;    transform: translateX(-50%);    background:     radial-gradient(       ellipse,       rgba(var(--accent-rgb),.24) 0%,       rgba(var(--accent-rgb),.08) 38%,       transparent 72%     );    filter: blur(15px);    transition: background .45s ease; }   \/* ---------- 两侧眼睛氛围光 ---------- *\/  #living-eyes-feature .eye-glow {   position: absolute;   z-index: 1;    top: 44%;    width: 120px;   height: 72px;    border-radius: 50%;    background:     radial-gradient(       ellipse,       rgba(var(--accent-rgb),.37),       rgba(var(--accent-rgb),.10) 42%,       transparent 72%     );    filter: blur(9px);    opacity: .8;    animation: lePulse 2.5s ease-in-out infinite; }  #living-eyes-feature .eye-glow.left {   left: 15%; }  #living-eyes-feature .eye-glow.right {   right: 15%; }   \/* ---------- 扫描光 ---------- *\/  #living-eyes-feature .scan-line {   position: absolute;   z-index: 3;    left: 10%;   right: 10%;   top: -8px;    height: 1px;    background:     linear-gradient(       90deg,       transparent,       rgba(var(--accent-rgb),.72),       transparent     );    opacity: .4;    animation: leScan 5s ease-in-out infinite; }   \/* ---------- 产品图片 ---------- *\/  #living-eyes-feature .le-image {   position: absolute;   inset: 0;   z-index: 2;    width: 100%;   height: 100%;    object-fit: cover;    transition:     transform .6s cubic-bezier(.2,.7,.2,1),     filter .45s ease; }   \/* =========================================================    模式选择 ========================================================= *\/  #living-eyes-feature .mode-panel {   position: absolute;   z-index: 5;    left: 50%;   bottom: 15px;    transform: translateX(-50%);    display: flex;   gap: 7px;    padding: 6px;    border: 1px solid rgba(255,255,255,.10);   border-radius: 999px;    background: rgba(8,10,13,.78);    backdrop-filter: blur(12px);   -webkit-backdrop-filter: blur(12px); }   #living-eyes-feature .mode-btn {   min-height: 38px;    padding: 8px 15px;    border: 1px solid transparent;   border-radius: 999px;    background: transparent;    color: #aeb3bc;    font-size: 10px;   line-height: 1;   font-weight: 800;   letter-spacing: .9px;    cursor: pointer;    transition:     color .25s ease,     background .25s ease,     border-color .25s ease,     box-shadow .25s ease; }   #living-eyes-feature .mode-btn.active {   color: #fff;    border-color: rgba(var(--accent-rgb),.55);    background:     linear-gradient(       180deg,       rgba(var(--accent-rgb),.30),       rgba(var(--accent-rgb),.12)     );    box-shadow:     0 0 14px rgba(var(--accent-rgb),.16); }   \/* =========================================================    底部文案 ========================================================= *\/  #living-eyes-feature .le-copy {   position: relative;   z-index: 3;    padding: 17px 14px 2px;    text-align: center; }   #living-eyes-feature .mode-title {   margin: 0 0 5px;    color: var(--accent);    font-size: 12px;   line-height: 1.4;   font-weight: 900;   letter-spacing: 1.1px;    text-transform: uppercase;    transition: color .35s ease; }   #living-eyes-feature .le-description {   max-width: 620px;   margin: 0 auto;    color: #d9dce2;    font-size: 15px;   line-height: 1.55;   font-weight: 600;   letter-spacing: .25px; }   \/* =========================================================    Hover ========================================================= *\/  @media (hover:hover) and (pointer:fine) {    #living-eyes-feature .le-card:hover {     border-color: rgba(var(--accent-rgb),.58);      box-shadow:       inset 0 1px 0 rgba(255,255,255,.05),       0 0 28px rgba(var(--accent-rgb),.07);   }    #living-eyes-feature .le-visual:hover .le-image {     transform: scale(1.018);   }    #living-eyes-feature .le-visual:hover {     box-shadow:       inset 0 -90px 100px rgba(0,0,0,.48),       inset 0 0 75px rgba(var(--accent-rgb),.08);   }    #living-eyes-feature .mode-btn:hover {     color: #fff;     border-color: rgba(255,255,255,.14);   } }   \/* =========================================================    Animations ========================================================= *\/  @keyframes lePulse {    0%, 100% {     opacity: .55;     transform: scale(.92);   }    50% {     opacity: .95;     transform: scale(1.08);   } }   @keyframes leScan {    0% {     top: 12%;     opacity: 0;   }    20% {     opacity: .4;   }    75% {     opacity: .25;   }    100% {     top: 82%;     opacity: 0;   } }   \/* =========================================================    Mobile ========================================================= *\/  @media (max-width:600px) {    #living-eyes-feature {     margin: 12px auto;   }    #living-eyes-feature .le-card {     padding: 17px 9px 14px;     border-radius: 15px;   }    #living-eyes-feature .le-eyebrow {     font-size: 9.5px;     letter-spacing: .9px;   }    #living-eyes-feature .le-title {     font-size: 25px;     margin-bottom: 13px;   }    #living-eyes-feature .le-visual {     min-height: 390px;     border-radius: 12px;   }    #living-eyes-feature .eye-glow {     width: 88px;     height: 58px;   }    #living-eyes-feature .mode-panel {     width: calc(100% - 20px);     justify-content: center;     bottom: 10px;   }    #living-eyes-feature .mode-btn {     flex: 1;     padding: 8px 7px;     font-size: 9px;   }    #living-eyes-feature .le-description {     font-size: 13.5px;   }  }   \/* 减少动态效果系统设置 *\/  @media (prefers-reduced-motion:reduce) {    #living-eyes-feature *,   #living-eyes-feature *::before,   #living-eyes-feature *::after {     animation: none !important;     transition: none !important;   }  } \u003c\/style\u003e \u003cstyle\u003e \/* =========================================================    LIVING EYES™    Cyber Demon Eye Automotive Feature Section ========================================================= *\/  .demon-love-section{   --de-bg:#0b0d10;   --de-bg-soft:#12151a;   --de-panel:#15181e;   --de-panel-2:#0f1216;   --de-red:#ff3945;   --de-red-soft:rgba(255,57,69,.14);   --de-blue:#7794ff;   --de-text:#f6f7f8;   --de-muted:#b7bcc5;   --de-line:rgba(255,255,255,.09);    width:100%;   max-width:780px;   margin:20px auto;   padding:22px 18px 24px;   box-sizing:border-box;    position:relative;   overflow:hidden;    border:1px solid rgba(255,57,69,.20);   border-radius:20px;    background:     radial-gradient(       circle at 88% 8%,       rgba(91,116,200,.16),       transparent 28%     ),     radial-gradient(       circle at 8% 86%,       rgba(255,57,69,.10),       transparent 30%     ),     linear-gradient(       145deg,       #15181d 0%,       #090b0e 52%,       #111318 100%     );    font-family:Arial,Helvetica,sans-serif;    box-shadow:     inset 0 1px 0 rgba(255,255,255,.04),     inset 0 0 50px rgba(255,255,255,.012); }   \/* subtle red atmosphere *\/ .demon-love-section:after{   content:'';   position:absolute;   left:50%;   bottom:-100px;    width:430px;   height:170px;    transform:translateX(-50%);    background:     radial-gradient(       ellipse,       rgba(255,38,51,.17),       transparent 70%     );    filter:blur(20px);   pointer-events:none; }   \/* =========================================================    TOP HEADING ========================================================= *\/  .demon-love-heading{   position:relative;   z-index:2;    margin:0 auto 17px;    text-align:center;    color:#f5f5f6;    font-size:21px;   line-height:1.25;   font-weight:850;   letter-spacing:.25px; }  .demon-love-heading .red{   color:var(--de-red); }  .demon-love-heading .blue{   color:#9aacff; }   \/* =========================================================    MAIN IMAGE AREA    Replace YOUR-IMAGE-URL.jpg ========================================================= *\/  .demon-love-media{   position:relative;   z-index:2;    width:100%;   min-height:510px;    overflow:hidden;    border-radius:15px;   border:1px solid rgba(255,255,255,.08);    background:     radial-gradient(       circle at 31% 48%,       rgba(255,45,58,.20),       transparent 18%     ),     radial-gradient(       circle at 69% 48%,       rgba(255,45,58,.20),       transparent 18%     ),     linear-gradient(       180deg,       rgba(91,116,190,.10),       transparent 25%     ),     linear-gradient(       155deg,       #161a20,       #07090c 58%,       #111318     );    box-shadow:     inset 0 -85px 100px rgba(0,0,0,.48); }   \/* garage lines *\/ .demon-love-media:before{   content:'';   position:absolute;   inset:0;    background:     linear-gradient(       90deg,       transparent 10%,       rgba(255,255,255,.035) 10.2%,       transparent 10.6%,       transparent 89%,       rgba(255,255,255,.035) 89.2%,       transparent 89.6%     ),      linear-gradient(       180deg,       transparent 18%,       rgba(255,255,255,.026) 18.2%,       transparent 18.6%     );    pointer-events:none; }   \/* floor reflection *\/ .demon-love-media:after{   content:'';   position:absolute;    width:62%;   height:120px;    left:50%;   bottom:-34px;    transform:translateX(-50%);    background:     radial-gradient(       ellipse,       rgba(255,39,52,.23),       rgba(255,39,52,.07) 40%,       transparent 72%     );    filter:blur(15px);   pointer-events:none; }   .demon-love-media img{   width:100%;   height:100%;    position:absolute;   inset:0;    object-fit:cover;    display:block;    transition:     transform .55s ease,     filter .4s ease; }   @media (hover:hover) and (pointer:fine){    .demon-love-media:hover img{     transform:scale(1.018);   }  }   \/* =========================================================    FEATURE GRID ========================================================= *\/  .demon-love-grid{   position:relative;   z-index:3;    display:grid;   grid-template-columns:1fr 1fr;   gap:10px;    margin-top:14px; }   .demon-love-card{   position:relative;   overflow:hidden;    min-height:112px;    padding:14px 15px;    border:1px solid rgba(255,57,69,.20);   border-radius:13px;    background:     linear-gradient(       145deg,       rgba(255,255,255,.035),       rgba(255,255,255,.012)     ),     var(--de-panel-2);    transition:     transform .25s ease,     border-color .25s ease,     background .25s ease; }   .demon-love-card:before{   content:'';    position:absolute;   left:0;   top:17%;   bottom:17%;    width:2px;    border-radius:2px;    background:     linear-gradient(       180deg,       transparent,       var(--de-red),       transparent     );    opacity:.65; }   @media (hover:hover) and (pointer:fine){    .demon-love-card:hover{     transform:translateY(-2px);      border-color:rgba(255,57,69,.48);      background:       linear-gradient(         145deg,         rgba(255,57,69,.07),         rgba(255,255,255,.016)       ),       #101318;   }  }   .demon-love-card-title{   display:flex;   align-items:center;   gap:7px;    margin:0 0 6px;    color:var(--de-text);    font-size:14px;   line-height:1.3;   font-weight:850;   letter-spacing:.35px; }   .demon-love-icon{   flex:0 0 auto;    font-size:15px;   line-height:1; }   .demon-love-card p{   margin:0;    color:var(--de-muted);    font-size:12.5px;   line-height:1.48;   font-weight:500;   letter-spacing:.25px; }   \/* =========================================================    MOBILE ========================================================= *\/  @media(max-width:600px){    .demon-love-section{     margin:12px auto;     padding:17px 10px 18px;      border-radius:16px;   }     .demon-love-heading{     max-width:330px;      margin-bottom:13px;      font-size:18px;     line-height:1.28;   }     .demon-love-media{     min-height:390px;     border-radius:12px;   }     .demon-love-grid{     gap:8px;   }     .demon-love-card{     min-height:120px;      padding:12px 11px;   }     .demon-love-card-title{     gap:5px;      font-size:12.5px;   }     .demon-love-card p{     font-size:11.5px;     line-height:1.45;   }  }   \/* very narrow screens *\/ @media(max-width:390px){    .demon-love-grid{     grid-template-columns:1fr;   }    .demon-love-card{     min-height:auto;   }  } \u003c\/style\u003e \u003cstyle\u003e \/* =========================================================    LIVING EYES™ — CYBER DEMON EYE FEATURE BLOCK    Shopify Safe \/ Responsive \/ Interactive ========================================================= *\/  #living-eyes-feature {   --accent: #ff313d;   --accent-rgb: 255,49,61;   --cool: #708dff;   --ink: #f7f7f8;   --muted: #b5bac3;   --panel: #0b0d10;    width: 100%;   max-width: 760px;   margin: 20px auto;   box-sizing: border-box;   font-family: Arial, Helvetica, sans-serif; }  \/* ---------- 整体卡片 ---------- *\/  #living-eyes-feature .le-card {   position: relative;   overflow: hidden;    padding: 22px 16px 18px;    border-radius: 18px;   border: 1px solid rgba(var(--accent-rgb), .34);    background:     radial-gradient(       circle at 85% 8%,       rgba(82,108,180,.15),       transparent 30%     ),     radial-gradient(       circle at 12% 90%,       rgba(var(--accent-rgb),.10),       transparent 32%     ),     linear-gradient(       145deg,       #171a20 0%,       #0c0e12 48%,       #111318 100%     );    box-shadow:     inset 0 1px 0 rgba(255,255,255,.04),     inset 0 0 45px rgba(255,255,255,.012);    transition:     border-color .4s ease,     box-shadow .4s ease; }  \/* 顶部环境冷光 *\/  #living-eyes-feature .le-card::before {   content: '';   position: absolute;   width: 300px;   height: 170px;   top: -90px;   right: -60px;    background:     radial-gradient(       ellipse,       rgba(91,119,210,.16),       transparent 68%     );    pointer-events: none; }  \/* 底部 Demon Red 环境光 *\/  #living-eyes-feature .le-card::after {   content: '';   position: absolute;   width: 330px;   height: 150px;   left: 50%;   bottom: -110px;   transform: translateX(-50%);    background:     radial-gradient(       ellipse,       rgba(var(--accent-rgb),.22),       transparent 70%     );    filter: blur(16px);   pointer-events: none; }   \/* ---------- 顶部标签 ---------- *\/  #living-eyes-feature .le-eyebrow {   position: relative;   z-index: 3;    margin: 0 0 7px;    text-align: center;   text-transform: uppercase;    color: var(--accent);    font-size: 11px;   line-height: 1.5;   font-weight: 800;   letter-spacing: 1.4px; }   \/* ---------- 主标题 ---------- *\/  #living-eyes-feature .le-title {   position: relative;   z-index: 3;    margin: 0 0 17px;    text-align: center;    color: var(--ink);    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;   font-size: 31px;   line-height: 1.08;   font-weight: 900;   letter-spacing: -.7px;    text-transform: uppercase; }   \/* =========================================================    主视觉区域 ========================================================= *\/  #living-eyes-feature .le-visual {   position: relative;   z-index: 2;    width: 100%;   min-height: 470px;    overflow: hidden;    border-radius: 14px;   border: 1px solid rgba(255,255,255,.07);    background:     \/* 左眼环境光 *\/     radial-gradient(       circle at 31% 48%,       rgba(var(--accent-rgb),.24) 0%,       rgba(var(--accent-rgb),.07) 12%,       transparent 28%     ),      \/* 右眼环境光 *\/     radial-gradient(       circle at 69% 48%,       rgba(var(--accent-rgb),.24) 0%,       rgba(var(--accent-rgb),.07) 12%,       transparent 28%     ),      \/* 顶部车库冷光 *\/     linear-gradient(       180deg,       rgba(88,111,176,.12),       transparent 26%     ),      linear-gradient(       160deg,       #161a20 0%,       #080a0d 55%,       #101216 100%     );    box-shadow:     inset 0 -90px 100px rgba(0,0,0,.52),     inset 0 0 60px rgba(0,0,0,.25);    transition:     box-shadow .45s ease,     background .45s ease,     transform .35s ease; }   \/* ---------- 地下车库结构线 ---------- *\/  #living-eyes-feature .garage-lines {   position: absolute;   inset: 0;   z-index: 0;    opacity: .65;    background:     linear-gradient(       90deg,       transparent 8%,       rgba(255,255,255,.035) 8.2%,       transparent 8.6%,       transparent 91%,       rgba(255,255,255,.035) 91.2%,       transparent 91.6%     ),      linear-gradient(       180deg,       transparent 20%,       rgba(255,255,255,.026) 20.2%,       transparent 20.6%     );    pointer-events:\u003c\/style\u003e","brand":"ZHL","offers":[{"title":"BUY 1","offer_id":50208912933114,"sku":"NC02272608281402-拖一透镜【6模式】","price":39.99,"currency_code":"USD","in_stock":true},{"title":"🔥BUY 2(FREE SHIPPING)🔥","offer_id":50208912965882,"sku":"NC02272608281402-拖一透镜【6模式】*2","price":69.99,"currency_code":"USD","in_stock":true},{"title":"🔥BUY 3(FREE SHIPPING)🔥","offer_id":50208912998650,"sku":"NC02272608281402-拖一透镜【6模式】*3","price":99.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/9988\/5562\/files\/ChatGPTImage2026_8_28_14_54_03.png?v=1788247653","url":"https:\/\/scerich.com\/products\/ed-headlights-with-animated-eyes","provider":"scerich","version":"1.0","type":"link"}