{"product_id":"4-port-center-console-charger-with-retractable-type-c-lightning-cables-and-rgb-light","title":"4-Port Center Console Charger with Retractable Type C\u0026Lightning Cables and RGB Light","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"icon\" type=\"image\/svg+xml\" href=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%2064%2064'%3E%3Crect%20width='64'%20height='64'%20rx='14'%20fill='%230D1729'\/%3E%3Cpath%20d='M36%2010%2020%2036h10l-4%2018%2018-28H34l2-16z'%20fill='%233EC9F7'\/%3E%3C\/svg%3E\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/miaoda.feishu.cn\"\u003e \u003clink href=\"https:\/\/miaoda.feishu.cn\/fonts\/css2?family=Chakra+Petch:wght@400;500;600;700\u0026amp;family=Space+Grotesk:wght@400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\/* ============================================================\n   YooyappVip — 4-Port Center Console Charger 详情页\n   · 纯 CSS \/ 零 JS：无脚本时内容完整可见\n   · 深蓝统一色系（深浅交替），与产品图配色呼应\n   · 模块弧形边缘、图片与文字上下排版\n   · 内置吸底栏防遮挡保护（底部预留空间 + 独立层级）\n   ============================================================ *\/\n\/* ---------- 颜色\/字号变量：定义在详情页根容器上，仅作用于本详情页 ---------- *\/\n.pdp{\n  --bg0:#0A111F;   \/* 最深：M4 参数模块 *\/\n  --bg1:#0E1B30;   \/* M2 多端口 *\/\n  --bg2:#0C1526;   \/* M3 滑盖 *\/\n  --bg3:#101F33;   \/* M5 对比 *\/\n  --bg4:#0D1729;   \/* M6 照明 *\/\n  --bg5:#0F1B2E;   \/* M7 安装 *\/\n  --bg-hero:#0B1424;\/* Hero *\/\n  --ink-hi:#F2F7FF;\n  --ink-mid:#B9C6DE;\n  --ink-dim:#7E8DB0;\n  --acc-orange:#FF8A3D;\n  --acc-cyan:#3EC9F7;\n  --acc-violet:#8B7CFF;\n  --line:rgba(122,164,255,.16);\n  --r:30px;\n}\n\n\/* ---------- 样式全部限定在 .pdp 作用域内，不污染主题页面 ----------\n   不使用全局 * \/ h2 等元素选择器，避免影响 Shopify 主题的\n   logo、分割线、横条等其他任何元素。 ---------- *\/\n.pdp, .pdp *{margin:0; padding:0; box-sizing:border-box;}\n\n\/* ---------- 根容器：独立层级 + 底部预留空间（防吸底栏遮挡） ---------- *\/\n.pdp{\n  position:relative;\n  z-index:1;                       \/* 低独立层级：不抢堆叠、不盖住主题任何横条 *\/\n  max-width:1160px;\n  margin:0 auto;\n  padding:10px 18px 34px;          \/* 底部空间由 .pdp-safe 安全区承担 *\/\n  font-family:'Space Grotesk','Segoe UI',system-ui,-apple-system,sans-serif;\n  color:var(--ink-hi);\n  -webkit-font-smoothing:antialiased;\n}\n.pdp img{display:block; width:100%; height:auto;}\n\n\/* ---------- 底部安全区：显式空块，为吸底栏\/加购栏让位 ----------\n   用独立 div 而不是容器 padding：部分主题会压缩描述区容器的\n   padding，但内部空 div 的高度不会被压缩，防遮挡更可靠。\n   如主题吸底栏更高，调大 .pdp-safe 的 height 即可。 ---------- *\/\n.pdp-safe{\n  position:relative;\n  z-index:1;\n  width:100%;\n  height:260px;                    \/* 桌面端：预留 260px *\/\n  pointer-events:none;\n}\n@media (max-width:640px){\n  .pdp-safe{height:200px;}         \/* 移动端：预留 200px *\/\n}\n\n\/* ---------- 模块通用：弧形边缘 + 独立层级 ---------- *\/\n.pdp .mod{\n  position:relative;               \/* 独立层级，不参与主题吸底栏的堆叠上下文 *\/\n  z-index:1;\n  border-radius:var(--r);\n  border:1px solid var(--line);\n  overflow:hidden;\n  margin:36px 0;\n  padding:clamp(26px,4.6vw,54px);\n  box-shadow:0 30px 70px rgba(2,8,20,.55), inset 0 1px 0 rgba(255,255,255,.05);\n}\n.pdp .mod::before{                      \/* 顶部高光线：科技感 *\/\n  content:\"\"; position:absolute; top:0; left:8%; right:8%; height:1px;\n  background:linear-gradient(90deg,transparent,rgba(80,180,255,.55),transparent);\n}\n\n\/* 各模块背景：统一深蓝系，深浅交替变化 *\/\n.pdp .mod.hero{background:radial-gradient(120% 90% at 78% 8%, rgba(20,64,120,.55), transparent 55%), linear-gradient(165deg, #0B1424 0%, #0F1E36 62%, #0A1120 100%);}\n.pdp .mod.m2  {background:radial-gradient(110% 80% at 12% 88%, rgba(60,120,200,.28), transparent 55%), linear-gradient(160deg,#0E1B30 0%,#101F3A 100%);}\n.pdp .mod.m3  {background:radial-gradient(100% 90% at 85% 15%, rgba(90,110,150,.22), transparent 55%), linear-gradient(160deg,#0C1526 0%,#0E1A30 100%);}\n.pdp .mod.m4  {background:radial-gradient(120% 80% at 88% 85%, rgba(255,138,61,.16), transparent 55%), linear-gradient(160deg,#0A111F 0%,#0D1830 100%);}\n.pdp .mod.m5  {background:radial-gradient(110% 85% at 10% 90%, rgba(62,201,247,.16), transparent 55%), linear-gradient(160deg,#101F33 0%,#0D1A30 100%);}\n.pdp .mod.m6  {background:radial-gradient(120% 90% at 50% 0%, rgba(139,124,255,.18), transparent 55%), linear-gradient(160deg,#0D1729 0%,#0F1B33 100%);}\n.pdp .mod.m7  {background:radial-gradient(110% 85% at 85% 10%, rgba(80,160,255,.16), transparent 55%), linear-gradient(160deg,#0F1B2E 0%,#0C1626 100%);}\n\n\/* ---------- 模块内容布局：图片与文字上下排版 ---------- *\/\n.pdp .wrap{position:relative; z-index:2; display:flex; flex-direction:column; gap:clamp(22px,3.6vw,40px);}\n.pdp .media{\n  position:relative;\n  border-radius:22px;\n  overflow:hidden;\n  border:1px solid rgba(122,164,255,.22);\n  box-shadow:0 22px 55px rgba(0,0,0,.5);\n  background:#060B16;\n}\n.pdp .media::after{                     \/* 图片底部扫描光带 *\/\n  content:\"\"; position:absolute; left:0; right:0; bottom:0; height:3px;\n  background:linear-gradient(90deg,transparent,var(--acc-cyan),var(--acc-orange),transparent);\n  background-size:220% 100%;\n  animation:scanline 5.5s linear infinite;\n}\n@keyframes scanline{0%{background-position:220% 0} 100%{background-position:-220% 0}}\n.pdp .media img{transition:filter .6s ease; filter:saturate(1.05);}\n.pdp .mod:hover .media img{filter:saturate(1.18) brightness(1.06);}\n\n.pdp .txt{display:flex; flex-direction:column; gap:18px;}\n\n\/* ---------- 文字体系 ---------- *\/\n.pdp .tag{\n  align-self:flex-start;\n  font-family:'Chakra Petch',sans-serif;\n  font-weight:600; font-size:12px; letter-spacing:.28em; text-transform:uppercase;\n  color:var(--acc-cyan);\n  padding:7px 15px;\n  border:1px solid rgba(62,201,247,.4);\n  border-radius:999px;\n  background:rgba(62,201,247,.08);\n}\n.pdp h2{\n  font-family:'Chakra Petch',sans-serif;\n  font-weight:700;\n  font-size:clamp(26px,4.4vw,44px);\n  line-height:1.12;\n  letter-spacing:.01em;\n  color:var(--ink-hi);\n}\n.pdp h2 .grad{\n  background:linear-gradient(92deg,#F2F7FF 8%,#3EC9F7 42%,#F2F7FF 58%,#FF8A3D 82%);\n  background-size:230% 100%;\n  -webkit-background-clip:text;\n  background-clip:text;\n  color:transparent;\n  animation:gradflow 6s linear infinite;\n}\n@keyframes gradflow{0%{background-position:230% 0} 100%{background-position:-230% 0}}\n.pdp .sub{color:var(--ink-mid); font-size:clamp(15px,2.2vw,19px); line-height:1.6; max-width:60ch;}\n.pdp .sub strong{color:var(--ink-hi); font-weight:600;}\n\n\/* ---------- 特性网格 ---------- *\/\n.pdp .feats{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:6px;}\n.pdp .feat{\n  position:relative;\n  display:flex; flex-direction:column; gap:10px;\n  padding:18px 16px;\n  border-radius:18px;\n  border:1px solid var(--line);\n  background:rgba(255,255,255,.03);\n  transition:border-color .35s ease, box-shadow .35s ease, transform .35s ease;\n}\n.pdp .feat:hover{\n  border-color:rgba(62,201,247,.55);\n  box-shadow:0 0 0 1px rgba(62,201,247,.25), 0 14px 34px rgba(0,0,0,.35);\n  transform:translateY(-5px);     \/* 上浮而非缩放 *\/\n}\n.pdp .feat .ic{\n  width:46px; height:46px; border-radius:14px;\n  display:grid; place-items:center;\n  background:linear-gradient(145deg,rgba(62,201,247,.16),rgba(139,124,255,.12));\n  border:1px solid rgba(122,164,255,.3);\n  transition:filter .35s ease;\n}\n.pdp .feat:hover .ic{filter:drop-shadow(0 0 8px rgba(62,201,247,.6));}\n.pdp .feat .ic svg{width:24px; height:24px; stroke:var(--acc-cyan);}\n.pdp .feat b{font-family:'Chakra Petch',sans-serif; font-weight:600; font-size:16px; color:var(--ink-hi);}\n.pdp .feat span{font-size:13px; line-height:1.5; color:var(--ink-dim);}\n\n\/* ---------- 参数网格（M4） ---------- *\/\n.pdp .specs{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:6px;}\n.pdp .spec{\n  position:relative;\n  padding:20px 16px;\n  border-radius:18px;\n  border:1px solid var(--line);\n  background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));\n  transition:border-color .35s ease, box-shadow .35s ease;\n}\n.pdp .spec:hover{border-color:rgba(255,138,61,.55); box-shadow:0 0 0 1px rgba(255,138,61,.2), 0 14px 34px rgba(0,0,0,.35);}\n.pdp .spec .k{font-family:'Chakra Petch',sans-serif; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--acc-orange); margin-bottom:8px;}\n.pdp .spec .v{font-family:'Chakra Petch',sans-serif; font-weight:600; font-size:18px; color:var(--ink-hi); line-height:1.3;}\n.pdp .spec .v small{display:block; font-size:12px; font-weight:400; color:var(--ink-dim); margin-top:3px;}\n\n\/* ---------- 对比（M5） ---------- *\/\n.pdp .cmp{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:6px;}\n.pdp .cmp .side{border-radius:18px; padding:18px 16px; border:1px solid var(--line);}\n.pdp .cmp .good{background:rgba(62,201,247,.08); border-color:rgba(62,201,247,.35);}\n.pdp .cmp .bad{background:rgba(255,110,110,.06); border-color:rgba(255,110,110,.3);}\n.pdp .cmp .side .mk{width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:rgba(87,230,166,.12); border:1px solid rgba(87,230,166,.42); margin-bottom:9px;}\n.pdp .cmp .side .mk svg{width:15px; height:15px; stroke:#57E6A6; fill:none; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round;}\n.pdp .cmp .bad .mk{background:rgba(255,138,138,.1); border-color:rgba(255,138,138,.4);}\n.pdp .cmp .bad .mk svg{stroke:#FF8A8A;}\n.pdp .cmp .side b{display:block; font-size:16px; color:var(--ink-hi); margin-bottom:4px;}\n.pdp .cmp .side span{font-size:13px; color:var(--ink-dim); line-height:1.55;}\n\n\/* ---------- 安装步骤（M7） ---------- *\/\n.pdp .steps{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:6px;}\n.pdp .step{position:relative; border-radius:18px; padding:22px 16px 18px; border:1px solid var(--line); background:rgba(255,255,255,.03); transition:border-color .35s ease, box-shadow .35s ease;}\n.pdp .step:hover{border-color:rgba(80,160,255,.6); box-shadow:0 14px 34px rgba(0,0,0,.35);}\n.pdp .step .no{\n  width:40px; height:40px; border-radius:12px; display:grid; place-items:center;\n  font-family:'Chakra Petch',sans-serif; font-weight:700; font-size:18px; color:#0A111F;\n  background:linear-gradient(135deg,var(--acc-cyan),var(--acc-violet));\n  margin-bottom:14px;\n  animation:stepPulse 2.6s ease-in-out infinite;\n}\n@keyframes stepPulse{0%,100%{box-shadow:0 0 0 0 rgba(62,201,247,.45)} 50%{box-shadow:0 0 0 8px rgba(62,201,247,0)}}\n.pdp .step b{display:block; font-size:15px; color:var(--ink-hi); margin-bottom:6px;}\n.pdp .step span{font-size:13px; line-height:1.55; color:var(--ink-dim);}\n\n\/* ---------- RGB 灯带（M6 装饰） ---------- *\/\n.pdp .rgbbar{height:6px; border-radius:99px; background:linear-gradient(90deg,#FF5A5F,#FF8A3D,#FFD23F,#3EC9F7,#8B7CFF,#FF5A5F); background-size:300% 100%; animation:rgbflow 6s linear infinite;}\n@keyframes rgbflow{0%{background-position:300% 0} 100%{background-position:0 0}}\n\n\/* ---------- 背景装饰：网格 + 漂浮光点 ---------- *\/\n.pdp .mod::after{\n  content:\"\"; position:absolute; inset:0; z-index:1; pointer-events:none;\n  background-image:linear-gradient(rgba(122,164,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(122,164,255,.05) 1px,transparent 1px);\n  background-size:46px 46px;\n  -webkit-mask-image:radial-gradient(90% 80% at 50% 40%,#000 30%,transparent 100%);\n  mask-image:radial-gradient(90% 80% at 50% 40%,#000 30%,transparent 100%);\n}\n.pdp .hero .dots, .pdp .m6 .dots{position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden;}\n.pdp .hero .dots i, .pdp .m6 .dots i{position:absolute; width:4px; height:4px; border-radius:50%; background:var(--acc-cyan); opacity:.5; animation:float linear infinite;}\n.pdp .hero .dots i:nth-child(1){left:12%; top:22%; animation-duration:7s;}\n.pdp .hero .dots i:nth-child(2){left:28%; top:70%; animation-duration:9s; animation-delay:1.2s;}\n.pdp .hero .dots i:nth-child(3){left:58%; top:16%; animation-duration:8s; animation-delay:.6s;}\n.pdp .hero .dots i:nth-child(4){left:74%; top:58%; animation-duration:10s; animation-delay:2s;}\n.pdp .hero .dots i:nth-child(5){left:90%; top:34%; animation-duration:7.5s; animation-delay:1.6s;}\n.pdp .hero .dots i:nth-child(6){left:44%; top:86%; animation-duration:9.5s; animation-delay:.3s;}\n.pdp .m6 .dots i:nth-child(1){left:16%; top:30%; animation-duration:8s;}\n.pdp .m6 .dots i:nth-child(2){left:66%; top:24%; animation-duration:9s; animation-delay:1s;}\n.pdp .m6 .dots i:nth-child(3){left:84%; top:66%; animation-duration:7.5s; animation-delay:2s;}\n.pdp .m6 .dots i:nth-child(4){left:34%; top:80%; animation-duration:10s; animation-delay:.8s;}\n@keyframes float{0%{transform:translateY(0) scale(1); opacity:.2} 50%{transform:translateY(-26px) scale(1.5); opacity:.7} 100%{transform:translateY(0) scale(1); opacity:.2}}\n\n\/* ---------- 光带扫过（hover） ---------- *\/\n.pdp .sweep{position:relative; overflow:hidden;}\n.pdp .sweep::before{\n  content:\"\"; position:absolute; top:0; left:-130%; width:55%; height:100%; z-index:3;\n  background:linear-gradient(105deg,transparent,rgba(255,255,255,.12),transparent);\n  transform:skewX(-18deg);\n  pointer-events:none;\n}\n.pdp .mod:hover .sweep::before{animation:sweep .9s ease;}\n@keyframes sweep{0%{left:-130%} 100%{left:170%}}\n\n\/* ---------- 响应式 ---------- *\/\n@media (max-width:900px){\n  .pdp .feats, .pdp .specs, .pdp .steps{grid-template-columns:repeat(2,1fr);}\n}\n@media (max-width:640px){\n  .pdp{padding:6px 14px 26px;}\n  .pdp .cmp{grid-template-columns:1fr;}\n  .pdp .mod{margin:24px 0; padding:22px 18px;}\n}\n\n\/* ---------- 减弱动效偏好（仅作用于详情页内部） ---------- *\/\n@media (prefers-reduced-motion:reduce){\n  .pdp *{animation:none !important; transition:none !important;}\n}\n\u003c\/style\u003e\n\u003c!-- ================= YooyappVip 详情页 ================= --\u003e\n\u003cdiv class=\"pdp\" style=\"background: transparent;\"\u003e\n\u003c!-- ======== 模块1 · HERO：27W 超级快充（图 3.jpg） ======== --\u003e\n\u003csection class=\"mod hero\"\u003e\n\u003cdiv class=\"wrap sweep\"\u003e\n\u003cdiv class=\"media\"\u003e\u003ci\u003e\u003c\/i\u003e\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003e\n\u003cspan class=\"tag\"\u003e4-Port • 27W Super Fast Charging\u003c\/span\u003e\n\u003ch2\u003e27W Super Fast \u003cspan class=\"grad\"\u003eCharging\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sub\"\u003eOne center-console module that charges your phone, earbuds and more \u003cstrong\u003e3× faster than ordinary car chargers\u003c\/strong\u003e — with retractable cables that stay neatly hidden.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/4238\/8876\/files\/3.jpg?v=1790735615\" alt=\"\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"feats\"\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M13 2 3 14h7l-1 8 10-12h-7l1-8z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cb\u003e27W High Power\u003c\/b\u003e\u003cspan\u003eFull-speed charging for compatible phones \u0026amp; tablets\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6v6h-6\"\u003e\u003c\/path\u003e\u003cpath d=\"M20 12a8 8 0 1 1-2.34-5.66L20 12z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cb\u003e3× Faster Speed\u003c\/b\u003e\u003cspan\u003eRecharge in a fraction of the time\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M8 12h8M12 8v8\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 3a9 9 0 1 0 9 9\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cb\u003eRetractable Cables\u003c\/b\u003e\u003cspan\u003eBuilt-in Type-C \u0026amp; Lightning, hidden when idle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3 4 6v6c0 4.5 3.4 7.6 8 9 4.6-1.4 8-4.5 8-9V6l-8-3z\"\u003e\u003c\/path\u003e\u003cpath d=\"m9 12 2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cb\u003eSafe \u0026amp; Reliable\u003c\/b\u003e\u003cspan\u003eOver-current and over-heat protection built in\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======== 模块2 · 多端口 + RGB 氛围灯（图 1.jpg） ======== --\u003e\n\u003csection class=\"mod m2\"\u003e\n\u003cdiv class=\"wrap sweep\"\u003e\n\u003cdiv class=\"txt\"\u003e\n\u003cspan class=\"tag\"\u003eCenter Console USB Hub\u003c\/span\u003e\n\u003ch2\u003eMulti-Port Expansion with \u003cspan class=\"grad\"\u003eRGB Ambient Glow\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sub\"\u003eTurn your center console into a charging station — \u003cstrong\u003e4 ports\u003c\/strong\u003e to power your phone, earbuds and accessories at once, wrapped in a soft RGB glow that matches your cabin.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/4238\/8876\/files\/1.jpg?v=1790735206\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"feats\"\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M7 20h10M9 20v-4M15 20v-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cb\u003eMulti-Port Expansion\u003c\/b\u003e\u003cspan\u003eCharge several devices from one hub\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"4.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"1\" fill=\"currentColor\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cb\u003eRGB Ambient Light\u003c\/b\u003e\u003cspan\u003eSubtle glow that elevates your interior\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M13 2 3 14h7l-1 8 10-12h-7l1-8z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cb\u003eFast Charging\u003c\/b\u003e\u003cspan\u003eUp to 27W per high-speed port\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 16v-4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v4\"\u003e\u003c\/path\u003e\u003crect x=\"2\" y=\"16\" width=\"20\" height=\"5\" rx=\"1.5\"\u003e\u003c\/rect\u003e\u003cpath d=\"M8 10V6a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cb\u003ePerfect Fit\u003c\/b\u003e\u003cspan\u003eDesigned for your console \u0026amp; cup-holder area\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"media\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======== 模块3 · 滑动盖设计（图 2.jpg） ======== --\u003e\n\u003csection class=\"mod m3\"\u003e\n\u003cdiv class=\"wrap sweep\"\u003e\n\u003cdiv class=\"media\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003e\n\u003cspan class=\"tag\"\u003eUpgraded Sliding Lid Design\u003c\/span\u003e\n\u003ch2\u003eKeeps Dust \u0026amp; Liquids Out for a \u003cspan class=\"grad\"\u003ePremium Finish\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sub\"\u003eA sliding cover that protects your ports when idle and reveals them in one motion — \u003cstrong\u003ecleaner, safer and more elegant\u003c\/strong\u003e than exposed chargers.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/4238\/8876\/files\/2.jpg?v=1790735614\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"cmp\"\u003e\n\u003cdiv class=\"side good\"\u003e\n\u003cdiv class=\"mk\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cb\u003eClosed State\u003c\/b\u003e \u003cspan\u003eHelps block dust and liquid intrusion, keeps a clean flush look.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"side good\"\u003e\n\u003cdiv class=\"mk\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cb\u003eOpen State\u003c\/b\u003e \u003cspan\u003eEasy access with built-in charging ports, ready when you need it.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======== 模块4 · Model 3 \/ Y 适配 + 功率参数（图 4.jpg） ======== --\u003e\n\u003csection class=\"mod m4\"\u003e\n\u003cdiv class=\"wrap sweep\"\u003e\n\u003cdiv class=\"txt\"\u003e\n\u003cspan class=\"tag\"\u003eNewest Car USB Hub for Model 3 \/ Y\u003c\/span\u003e\n\u003ch2\u003eEngineered for \u003cspan class=\"grad\"\u003eTesla Model 3 \/ Y\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sub\"\u003ePlug-and-play fit for your center console with \u003cstrong\u003e80cm retractable cables\u003c\/strong\u003e and intelligent power delivery across every port.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/4238\/8876\/files\/4.jpg?v=1790735675\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"specs\"\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003cdiv class=\"k\"\u003eType-C 1 • QC3.0\u003c\/div\u003e\n\u003cdiv class=\"v\"\u003e27W\u003csmall\u003e5V\/3A • 9V\/3A\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003cdiv class=\"k\"\u003eiPhone • PD\u003c\/div\u003e\n\u003cdiv class=\"v\"\u003e27W\u003csmall\u003e5V\/3A • 9V\/3A\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003cdiv class=\"k\"\u003eTotal Output\u003c\/div\u003e\n\u003cdiv class=\"v\"\u003e27W + 27W + 15W\u003csmall\u003eSimultaneous charging\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003cdiv class=\"k\"\u003eRetractable Cable\u003c\/div\u003e\n\u003cdiv class=\"v\"\u003e80cm\u003csmall\u003eType-C \u0026amp; Lightning\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"media\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======== 模块5 · 为什么选择我们（图 5.jpg） ======== --\u003e\n\u003csection class=\"mod m5\"\u003e\n\u003cdiv class=\"wrap sweep\"\u003e\n\u003cdiv class=\"media\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003e\n\u003cspan class=\"tag\"\u003eWhy Choose Us?\u003c\/span\u003e\n\u003ch2\u003eNeat \u0026amp; Clean Design, \u003cspan class=\"grad\"\u003eZero Clutter\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sub\"\u003eSay goodbye to tangled cables. Retractable cords hide inside the module, keeping your console \u003cstrong\u003eorganized and premium-looking\u003c\/strong\u003e every single day.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/4238\/8876\/files\/5_59335281-8abf-486a-8d81-2b2ea6f7fa99.jpg?v=1790735775\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"cmp\"\u003e\n\u003cdiv class=\"side good\"\u003e\n\u003cdiv class=\"mk\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cb\u003eWith This Charger\u003c\/b\u003e \u003cspan\u003eNeat \u0026amp; clean design — retractable cable hidden inside.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"side bad\"\u003e\n\u003cdiv class=\"mk\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M18 6 6 18M6 6l12 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cb\u003eWithout It\u003c\/b\u003e \u003cspan\u003eCluttered space — unorganized cables everywhere.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======== 模块6 · 储物照明 + RGB 氛围（图 6.jpg） ======== --\u003e\n\u003csection class=\"mod m6\"\u003e\n\u003cdiv class=\"dots\"\u003e\n\u003ci\u003e\u003c\/i\u003e\u003ci\u003e\u003c\/i\u003e\u003ci\u003e\u003c\/i\u003e\u003ci\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wrap sweep\"\u003e\n\u003cdiv class=\"txt\"\u003e\n\u003cspan class=\"tag\"\u003eCenter Console Storage Lighting\u003c\/span\u003e\n\u003ch2\u003eBright Storage Lighting \u0026amp; \u003cspan class=\"grad\"\u003eRGB Ambience\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sub\"\u003eFind everything at a glance with \u003cstrong\u003ebright, visible lighting\u003c\/strong\u003e in your storage area, plus an RGB glow that upgrades the whole cabin atmosphere.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/4238\/8876\/files\/6.jpg?v=1790735833\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"rgbbar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feats\"\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M9 18h6M10 21h4\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 3a6 6 0 0 0-4 10.5c.8.7 1.3 1.6 1.5 2.5h5c.2-.9.7-1.8 1.5-2.5A6 6 0 0 0 12 3z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cb\u003eBright Visible Lighting\u003c\/b\u003e\u003cspan\u003eIlluminates your console storage area\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cdiv class=\"ic\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3a9 9 0 1 0 9 9\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"2.2\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cb\u003eRGB Enhanced Ambience\u003c\/b\u003e\u003cspan\u003eFlowing color that matches your style\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"media\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======== 模块7 · 4 步安装（图 7.jpg） ======== --\u003e\n\u003csection class=\"mod m7\"\u003e\n\u003cdiv class=\"wrap sweep\"\u003e\n\u003cdiv class=\"media\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003e\n\u003cspan class=\"tag\"\u003eInstallation Steps\u003c\/span\u003e\n\u003ch2\u003eInstall in \u003cspan class=\"grad\"\u003e4 Easy Steps\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sub\"\u003eNo tools, no wiring. Fully installed in under a minute.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/4238\/8876\/files\/7.jpg?v=1790735914\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"no\"\u003e1\u003c\/div\u003e\n\u003cb\u003ePlace It Diagonally\u003c\/b\u003e \u003cspan\u003eSet it inside the armrest compartment at an angle.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"no\"\u003e2\u003c\/div\u003e\n\u003cb\u003eStraighten \u0026amp; Push\u003c\/b\u003e \u003cspan\u003eAlign it and push in parallel to the console edge.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"no\"\u003e3\u003c\/div\u003e\n\u003cb\u003eFlush Fit\u003c\/b\u003e \u003cspan\u003ePush until it sits flush against the edge — seamless.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"no\"\u003e4\u003c\/div\u003e\n\u003cb\u003ePlug In \u0026amp; Power\u003c\/b\u003e \u003cspan\u003eConnect the Type-C port — the RGB glow lights up.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ===== 底部安全区：为吸底栏\/加购栏让位，防止遮挡最后一个模块 =====\n       高度由 .pdp-safe 控制（桌面 260px \/ 移动 200px）。\n       若你的主题吸底栏更高，在 CSS 中调大 .pdp-safe 的 height 即可。 --\u003e\n\u003cdiv class=\"pdp-safe\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= \/YooyappVip 详情页 ================= --\u003e","brand":"LYLY","offers":[{"title":"Default Title","offer_id":61777945526412,"sku":"B03402-A","price":45.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0787\/4238\/8876\/files\/1.jpg?v=1790735206","url":"https:\/\/yooyappvip.us\/products\/4-port-center-console-charger-with-retractable-type-c-lightning-cables-and-rgb-light","provider":"YooyappVip","version":"1.0","type":"link"}