{"product_id":"2-in-1-car-visor-extender-day-night-anti-glare-driving-shield","title":"⭐2-in-1 Car Visor Extender – Day \u0026 Night Anti-Glare Driving Shield","description":"\u003c!-- ============================================================================\n  YooyappVip · 2-in-1 Car Visor Extender — Product Detail Block (Pure CSS, no JS)\n  使用方法：Shopify 后台 → 产品 → 编辑产品描述 → 切换为 HTML 编辑器 → 粘贴整段代码\n  · 无 JavaScript，纯 CSS 动效（科技感：光束扫过 \/ 扫描线 \/ 边框流光 \/ 镜片翻转）\n  · 不包含价格（由主题价格模块负责）\n  · 防主题底部吸底栏遮挡：外层预留 padding-bottom 空间 + z-index:0 独立层级，\n    如需调整请修改下方 .vsd-wrap 的 padding-bottom 数值（桌面 180px \/ 移动 230px）\n  · 图片均引用店铺自身 CDN，无需重新上传\n============================================================================ --\u003e\n\u003cdiv class=\"vsd-wrap\"\u003e\n\n  \u003c!-- ============ MODULE 1 · HERO（图片01：黄昏驾驶舱主图） ============ --\u003e\n  \u003csection class=\"vsd-mod vsd-hero\"\u003e\n    \u003cfigure class=\"vsd-media\"\u003e\n      \u003cspan class=\"vsd-glow\"\u003e\u003c\/span\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/4238\/8876\/files\/4bbe7681-4095-4b91-bb5c-f10a93c77fef_038021c9-e3ab-4227-9756-2993ed6371b5.png?v=1791612780\u0026amp;width=900\" alt=\"2-in-1 Day \u0026amp; Night Car Visor Extender installed on the factory sun visor at dusk\"\u003e\n      \u003cspan class=\"vsd-corner tl\"\u003e\u003c\/span\u003e\u003cspan class=\"vsd-corner tr\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"vsd-corner bl\"\u003e\u003c\/span\u003e\u003cspan class=\"vsd-corner br\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"vsd-scan\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"vsd-chip vsd-chip-day\"\u003eDAY · YELLOW CONTRAST LENS\u003c\/span\u003e\n      \u003cspan class=\"vsd-chip vsd-chip-night\"\u003eNIGHT · DARK SMOKE LENS\u003c\/span\u003e\n    \u003c\/figure\u003e\n    \u003cdiv class=\"vsd-body\"\u003e\n      \u003cp class=\"vsd-kicker\"\u003e2-in-1 Day \u0026amp; Night Visor\u003c\/p\u003e\n      \u003ch2 class=\"vsd-title\"\u003eDrive With \u003cspan class=\"vsd-grad\"\u003eLess Glare\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp class=\"vsd-lead\"\u003eA dual-lens visor extender that clips onto your factory sun visor. Flip down the lens you need — fold it away the moment conditions change.\u003c\/p\u003e\n      \u003cul class=\"vsd-chips\"\u003e\n        \u003cli\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M9 6 12 3l3 3M9 18l3 3 3-3M12 3v8M12 13v8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          Independent Flip\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M8 11V6a4 4 0 0 1 8 0v8a6 6 0 0 1-12 0V9\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          Adjustable Clip\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M14.7 6.3a4 4 0 0 0-5.4 5.4L4 17l3 3 5.3-5.3a4 4 0 0 0 5.4-5.4l-2.5 2.5-2.1-2.1z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          Tool-Free Install\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ MODULE 2 · GLARE（图片02：眩光前后对比图） ============ --\u003e\n  \u003csection class=\"vsd-mod vsd-glare\"\u003e\n    \u003cspan class=\"vsd-beam\"\u003e\u003c\/span\u003e\n    \u003cfigure class=\"vsd-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/4238\/8876\/files\/72283cd6-ef5a-4dc1-9def-fef8f3f03ca6_fa8633b4-0e2e-421a-bb7a-ef35e432a729.png?v=1791612781\u0026amp;width=900\" alt=\"Before and after comparison of glare reduction while driving into a low-angle sun\"\u003e\n      \u003cspan class=\"vsd-corner tl\"\u003e\u003c\/span\u003e\u003cspan class=\"vsd-corner tr\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"vsd-corner bl\"\u003e\u003c\/span\u003e\u003cspan class=\"vsd-corner br\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"vsd-scan\"\u003e\u003c\/span\u003e\n    \u003c\/figure\u003e\n    \u003cdiv class=\"vsd-body\"\u003e\n      \u003cp class=\"vsd-kicker\"\u003eFrom Glare to Clarity\u003c\/p\u003e\n      \u003ch2 class=\"vsd-title\"\u003eSee the Road, \u003cspan class=\"vsd-grad\"\u003eNot the Glare\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp class=\"vsd-lead\"\u003eLow-angle sunlight slips right beneath a fixed visor. The dark smoke and yellow panels soften harsh sunlight and road reflections for a more comfortable drive.\u003c\/p\u003e\n      \u003cul class=\"vsd-chips\"\u003e\n        \u003cli\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"4.2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 2.5v2.4M12 19.1v2.4M2.5 12h2.4M19.1 12h2.4M5.3 5.3l1.7 1.7M17 17l1.7 1.7M18.7 5.3 17 7M7 17l-1.7 1.7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          Low-Angle Sun\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 21 9 3M15 3l5 18M12 7v4M12 13v4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          Road Reflections\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6-10-6-10-6z\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"2.6\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n          More Comfortable View\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ MODULE 3 · TWO LENSES（图片03：双镜片独立控制图） ============ --\u003e\n  \u003csection class=\"vsd-mod vsd-lenses\"\u003e\n    \u003cfigure class=\"vsd-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/4238\/8876\/files\/65dccbd5-86e2-4712-a2ed-c88adfcb59cd_c4958853-e320-410d-9f0f-e5153bd79a9a.png?v=1791612781\u0026amp;width=900\" alt=\"Two lenses with independent control: yellow night lens and dark smoke day lens\"\u003e\n      \u003cspan class=\"vsd-corner tl\"\u003e\u003c\/span\u003e\u003cspan class=\"vsd-corner tr\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"vsd-corner bl\"\u003e\u003c\/span\u003e\u003cspan class=\"vsd-corner br\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"vsd-scan\"\u003e\u003c\/span\u003e\n    \u003c\/figure\u003e\n    \u003cdiv class=\"vsd-body\"\u003e\n      \u003cp class=\"vsd-kicker\"\u003eTwo Lenses · One Setup\u003c\/p\u003e\n      \u003ch2 class=\"vsd-title\"\u003eIndependent Control for \u003cspan class=\"vsd-grad\"\u003eChanging Light\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp class=\"vsd-lead\"\u003eFlip down only the lens you need — then fold it away when conditions change. No more juggling a fixed visor against the sun’s position.\u003c\/p\u003e\n      \u003cdiv class=\"vsd-cards\"\u003e\n        \u003carticle class=\"vsd-card\"\u003e\n          \u003cspan class=\"vsd-lens\"\u003e\u003ci class=\"vsd-face-a\"\u003eDAY\u003c\/i\u003e\u003ci class=\"vsd-face-b\"\u003eSMOKE\u003c\/i\u003e\u003c\/span\u003e\n          \u003ch3\u003eDark Smoke Lens · Daytime\u003c\/h3\u003e\n          \u003cp\u003eSoftens bright sun and surface reflections for a steadier view on sunny commutes.\u003c\/p\u003e\n        \u003c\/article\u003e\n        \u003carticle class=\"vsd-card\"\u003e\n          \u003cspan class=\"vsd-lens\"\u003e\u003ci class=\"vsd-face-a\"\u003eNIGHT\u003c\/i\u003e\u003ci class=\"vsd-face-b\"\u003eYELLOW\u003c\/i\u003e\u003c\/span\u003e\n          \u003ch3\u003eYellow Tint Lens · Low Light\u003c\/h3\u003e\n          \u003cp\u003eReduces the visual harshness of headlights and streetlights during evening driving.\u003c\/p\u003e\n        \u003c\/article\u003e\n      \u003c\/div\u003e\n      \u003cul class=\"vsd-chips\"\u003e\n        \u003cli\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M9 6 12 3l3 3M9 18l3 3 3-3M12 3v8M12 13v8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          Independent Flip\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 18 18 4M4 18h12M4 18V6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          Angle Adjustable\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21V9M8 13l4-4 4 4M4 4h16\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          Fold-Away Design\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M9 12V5a2 2 0 0 1 4 0v6M13 8V6a2 2 0 0 1 4 0v7a6 6 0 0 1-6 6h-2a6 6 0 0 1-6-6v-3a2 2 0 0 1 4 0\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          One-Hand Control\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ MODULE 4 · INSTALL（图片04：四步安装图） ============ --\u003e\n  \u003csection class=\"vsd-mod vsd-install\"\u003e\n    \u003cfigure class=\"vsd-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/4238\/8876\/files\/8119564c-49d1-4d85-9d29-ae42d10f0b26_3fae8895-1648-4a0e-b947-1d57f2dc3a9a.png?v=1791612781\u0026amp;width=900\" alt=\"Tool-free 4-step clip installation on the factory sun visor\"\u003e\n      \u003cspan class=\"vsd-corner tl\"\u003e\u003c\/span\u003e\u003cspan class=\"vsd-corner tr\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"vsd-corner bl\"\u003e\u003c\/span\u003e\u003cspan class=\"vsd-corner br\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"vsd-scan\"\u003e\u003c\/span\u003e\n    \u003c\/figure\u003e\n    \u003cdiv class=\"vsd-body\"\u003e\n      \u003cp class=\"vsd-kicker\"\u003eSetup in Seconds\u003c\/p\u003e\n      \u003ch2 class=\"vsd-title\"\u003eClip On. Adjust. \u003cspan class=\"vsd-grad\"\u003eDrive.\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp class=\"vsd-lead\"\u003eTool-free installation on your factory sun visor — no drilling, no adhesive, no special tools. Just press, extend, secure and set your angle.\u003c\/p\u003e\n      \u003cdiv class=\"vsd-steps\"\u003e\n        \u003cdiv class=\"vsd-step\"\u003e\n\u003cb\u003e1\u003c\/b\u003e\u003cspan\u003ePress to Release\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"vsd-step\"\u003e\n\u003cb\u003e2\u003c\/b\u003e\u003cspan\u003eExtend the Clip\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"vsd-step\"\u003e\n\u003cb\u003e3\u003c\/b\u003e\u003cspan\u003eSecure to Visor\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"vsd-step\"\u003e\n\u003cb\u003e4\u003c\/b\u003e\u003cspan\u003eSet Your Angle\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cul class=\"vsd-chips\"\u003e\n        \u003cli\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 18 18 4M4 18h12M4 18V6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          Adjustable Fit · Approx. 11.5–19 cm\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 2.5V11c0 4.5-3 8-7 10-4-2-7-5.5-7-10V5.5z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 11.5l2 2 4-4.5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          No Drilling\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M8 11V6a4 4 0 0 1 8 0v8a6 6 0 0 1-12 0V9\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          Stable Clamp\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ MODULE 5 · DETAILS（图片05：宽覆盖细节图） ============ --\u003e\n  \u003csection class=\"vsd-mod vsd-detail\"\u003e\n    \u003cfigure class=\"vsd-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/4238\/8876\/files\/8e059d2e-0b9c-4516-a096-7a83c3a4bce6_68cb51ce-6639-4a80-954d-20944184403f.png?v=1791612781\u0026amp;width=900\" alt=\"Wide coverage dimensions and solid details of the visor extender\"\u003e\n      \u003cspan class=\"vsd-corner tl\"\u003e\u003c\/span\u003e\u003cspan class=\"vsd-corner tr\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"vsd-corner bl\"\u003e\u003c\/span\u003e\u003cspan class=\"vsd-corner br\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"vsd-scan\"\u003e\u003c\/span\u003e\n    \u003c\/figure\u003e\n    \u003cdiv class=\"vsd-body\"\u003e\n      \u003cp class=\"vsd-kicker\"\u003eBuilt for Coverage\u003c\/p\u003e\n      \u003ch2 class=\"vsd-title\"\u003eWide Coverage. \u003cspan class=\"vsd-grad\"\u003eSolid Details.\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp class=\"vsd-lead\"\u003eBroad lenses cover the glare zone without covering your entire windshield — engineered around the view, not around the visor.\u003c\/p\u003e\n      \u003cdiv class=\"vsd-specs\"\u003e\n        \u003cdiv class=\"vsd-spec\"\u003e\n\u003cb\u003e≈ 32 cm\u003c\/b\u003e\u003cspan\u003eLens Width\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"vsd-spec\"\u003e\n\u003cb\u003e≈ 11 cm\u003c\/b\u003e\u003cspan\u003eLens Height\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"vsd-spec\"\u003e\n\u003cb\u003e≈ 2 mm\u003c\/b\u003e\u003cspan\u003eLens Thickness\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"vsd-spec\"\u003e\n\u003cb\u003eRounded\u003c\/b\u003e\u003cspan\u003eEdge Design\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"vsd-spec\"\u003e\n\u003cb\u003eStable\u003c\/b\u003e\u003cspan\u003ePivot Hinge\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"vsd-spec\"\u003e\n\u003cb\u003eWide\u003c\/b\u003e\u003cspan\u003eViewing Area\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ MODULE 6 · NIGHT（图片06：夜间防眩光场景图） ============ --\u003e\n  \u003csection class=\"vsd-mod vsd-night\"\u003e\n    \u003cspan class=\"vsd-tw\" style=\"top:8%;left:12%;animation-delay:.2s\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"vsd-tw\" style=\"top:18%;left:78%;animation-delay:1.1s\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"vsd-tw\" style=\"top:6%;left:48%;animation-delay:2s\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"vsd-tw\" style=\"top:26%;left:30%;animation-delay:.7s\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"vsd-tw\" style=\"top:12%;left:62%;animation-delay:2.6s\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"vsd-tw\" style=\"top:3%;left:88%;animation-delay:1.6s\"\u003e\u003c\/span\u003e\n    \u003cfigure class=\"vsd-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/4f3b48c4-33fa-4967-8b1e-274467dacf7f.png?v=1790903413\" alt=\"Nighttime driving scene with yellow lens softening headlight and streetlight glare\"\u003e\n      \u003cspan class=\"vsd-corner tl\"\u003e\u003c\/span\u003e\u003cspan class=\"vsd-corner tr\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"vsd-corner bl\"\u003e\u003c\/span\u003e\u003cspan class=\"vsd-corner br\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"vsd-scan\"\u003e\u003c\/span\u003e\n    \u003c\/figure\u003e\n    \u003cdiv class=\"vsd-body\"\u003e\n      \u003cp class=\"vsd-kicker\"\u003eLow-Light Commutes\u003c\/p\u003e\n      \u003ch2 class=\"vsd-title\"\u003eSoften the \u003cspan class=\"vsd-grad\"\u003eNighttime Glare\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp class=\"vsd-lead\"\u003eThe yellow lens helps reduce the visual harshness of bright headlights and streetlights, keeping evening drives noticeably more comfortable.\u003c\/p\u003e\n      \u003cdiv class=\"vsd-pts\"\u003e\n        \u003cdiv class=\"vsd-pt\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3a7 7 0 0 1 7 7c0 2.6-1.5 4.8-3 6.4V19H8v-2.6C6.5 14.8 5 12.6 5 10a7 7 0 0 1 7-7z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9.5 21.5h5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003cspan\u003eOncoming Lights\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vsd-pt\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3a7 7 0 0 1 7 7c0 2.6-1.5 4.8-3 6.4V19H8v-2.6C6.5 14.8 5 12.6 5 10a7 7 0 0 1 7-7z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9.5 21.5h5\"\u003e\u003c\/path\u003e\u003cpath d=\"M4 2l2 2M20 2l-2 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003cspan\u003eBright Streetlights\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vsd-pt\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M9 6 12 3l3 3M9 18l3 3 3-3M12 3v8M12 13v8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003cspan\u003eIndependent Flip\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vsd-pt\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6-10-6-10-6z\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"2.6\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n          \u003cspan\u003eComfortable View\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"vsd-note\"\u003e\u003cb\u003eVisibility first:\u003c\/b\u003e use only while your view stays clear. Fold the panels away if they darken, distort or obstruct your view. Do not use the dark smoke lens at night or in low-light conditions.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ MODULE 7 · CLOSING CTA ============ --\u003e\n  \u003csection class=\"vsd-mod vsd-cta\"\u003e\n    \u003cdiv class=\"vsd-cta-card\"\u003e\n      \u003cp class=\"vsd-kicker\"\u003eReady When You Are\u003c\/p\u003e\n      \u003ch2 class=\"vsd-title\"\u003eA Flexible Addition to \u003cspan class=\"vsd-grad\"\u003eYour Visor Setup\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp class=\"vsd-lead\"\u003eCheck the fit. Adjust while parked. Keep visibility first. Measure your original visor before ordering.\u003c\/p\u003e\n      \u003cul class=\"vsd-list\"\u003e\n        \u003cli\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 2.5V11c0 4.5-3 8-7 10-4-2-7-5.5-7-10V5.5z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 11.5l2 2 4-4.5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          Dark Smoke Panel — bright daytime use\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 2.5V11c0 4.5-3 8-7 10-4-2-7-5.5-7-10V5.5z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 11.5l2 2 4-4.5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          Yellow Panel — check visibility carefully\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 2.5V11c0 4.5-3 8-7 10-4-2-7-5.5-7-10V5.5z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 11.5l2 2 4-4.5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          Independent Flip \u0026amp; Adjustable Mount\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 2.5V11c0 4.5-3 8-7 10-4-2-7-5.5-7-10V5.5z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 11.5l2 2 4-4.5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          Fold-Away Design when not in use\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cul class=\"vsd-trust\"\u003e\n        \u003cli\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"8.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M3.5 12h17M12 3.5c2.5 2.3 3.8 5.2 3.8 8.5s-1.3 6.2-3.8 8.5c-2.5-2.3-3.8-5.2-3.8-8.5s1.3-6.2 3.8-8.5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          Worldwide Shipping\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M2 7h11v10H2zM13 10h4l3 3v4h-7\"\u003e\u003c\/path\u003e\u003ccircle cx=\"6.5\" cy=\"17.5\" r=\"1.8\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"17\" cy=\"17.5\" r=\"1.8\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n          Dispatched in 24–48h\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"5\" y=\"11\" width=\"14\" height=\"9\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M8 11V8a4 4 0 0 1 8 0v3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          Secure Checkout\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============ YooyappVip Visor Detail — scoped styles ============ *\/\n.vsd-wrap{\n  --ink:#F4F7FC;\n  --ink-soft:#C6CFE0;\n  --ink-mute:#8E9BB8;\n  --amber:#FFB84D;\n  --amber-deep:#E89B2D;\n  --amber-soft:#FFE3B3;\n  --cyan:#6FD3FF;\n  --cyan-soft:#C9EBFF;\n  --line:rgba(255,255,255,.10);\n  --line-strong:rgba(255,255,255,.20);\n  --r-lg:34px;\n  --r-md:22px;\n  --r-sm:14px;\n\n  box-sizing:border-box;\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n  color:var(--ink);\n  line-height:1.55;\n  max-width:1180px;\n  margin:0 auto;\n  padding:24px 16px 180px;                 \/* 底部预留 180px，防止主题吸底栏遮挡内容 *\/\n  position:relative;\n  z-index:0;                               \/* 独立层级，不覆盖主题底栏 *\/\n  background:\n    radial-gradient(1100px 520px at 50% -8%, rgba(255,184,77,.06), transparent 60%),\n    #070B17;\n}\n.vsd-wrap *{ box-sizing:border-box; }\n.vsd-wrap img{ max-width:100%; }\n@media (max-width:749px){\n  .vsd-wrap{ padding:16px 12px 230px; }    \/* 移动端吸底栏更高，额外多留空间 *\/\n}\n\n\/* ---------- 模块基础：圆角弧形 + 深色统一色系深浅变化 ---------- *\/\n.vsd-mod{\n  position:relative;\n  isolation:isolate;\n  overflow:hidden;\n  border-radius:var(--r-lg);\n  border:1px solid var(--line);\n  padding:clamp(20px,3.5vw,44px);\n  margin:0 0 26px;\n  box-shadow:0 26px 60px -34px rgba(0,0,0,.6);\n}\n\n\/* 每个模块的深色背景（同一色系，仅深浅\/冷暖变化，与配图色调呼应） *\/\n.vsd-hero  { --accent:var(--amber); background:radial-gradient(820px 380px at 50% 0%, rgba(255,184,77,.16), transparent 58%), linear-gradient(180deg,#0D1634,#0A0F24); }\n.vsd-glare { --accent:var(--amber); background:radial-gradient(720px 360px at 50% 0%, rgba(246,169,59,.14), transparent 60%), linear-gradient(180deg,#1B130A,#120D07); }\n.vsd-lenses{ --accent:var(--cyan);  background:radial-gradient(720px 340px at 50% 0%, rgba(111,211,255,.10), transparent 60%), linear-gradient(180deg,#0E1C3C,#0A1430); }\n.vsd-install{--accent:var(--amber); background:radial-gradient(720px 340px at 50% 0%, rgba(255,184,77,.10), transparent 60%), linear-gradient(180deg,#111B30,#0C1220); }\n.vsd-detail{ --accent:var(--cyan);  background:radial-gradient(720px 340px at 50% 0%, rgba(111,211,255,.12), transparent 60%), linear-gradient(180deg,#102143,#0B1730); }\n.vsd-night { --accent:var(--amber); background:radial-gradient(720px 340px at 50% 0%, rgba(255,195,107,.08), transparent 60%), linear-gradient(180deg,#080C1A,#04060E); }\n.vsd-cta   { --accent:var(--amber); background:linear-gradient(180deg,#060913,#03050B); }\n\n\/* ---------- 图片区：图片在上，圆角弧形，科技感边框 ---------- *\/\n.vsd-media{\n  position:relative;\n  margin:0 0 28px;\n  border-radius:var(--r-md);\n  overflow:hidden;\n}\n.vsd-media img{\n  display:block;\n  width:100%;\n  height:auto;\n  border-radius:var(--r-md);\n  position:relative;\n  z-index:1;\n}\n\/* 扫描线：自上而下游走 *\/\n.vsd-scan{\n  position:absolute;\n  left:0; right:0; top:0; height:2px;\n  z-index:3;\n  background:linear-gradient(90deg, transparent, var(--accent,var(--amber)), transparent);\n  filter:drop-shadow(0 0 8px var(--accent,var(--amber)));\n  opacity:0;\n  animation:vsdScan 5.5s linear infinite;\n  pointer-events:none;\n}\n@keyframes vsdScan{\n  0%   { top:5%; opacity:0 }\n  8%   { opacity:.85 }\n  92%  { opacity:.85 }\n  100% { top:95%; opacity:0 }\n}\n\/* 光束扫过图片 *\/\n.vsd-media::after{\n  content:\"\";\n  position:absolute; inset:0;\n  z-index:2;\n  border-radius:var(--r-md);\n  background:linear-gradient(115deg, transparent 32%, rgba(255,255,255,.14) 46%, transparent 60%);\n  transform:translateX(-130%);\n  animation:vsdSheen 6s ease-in-out infinite 1.2s;\n  pointer-events:none;\n}\n@keyframes vsdSheen{\n  0%{ transform:translateX(-130%) }\n  55%{ transform:translateX(130%) }\n  100%{ transform:translateX(130%) }\n}\n\/* 四角括号装饰 *\/\n.vsd-corner{\n  position:absolute;\n  width:26px; height:26px;\n  border:2px solid var(--accent,var(--amber));\n  opacity:.85;\n  z-index:4;\n  pointer-events:none;\n}\n.vsd-corner.tl{ top:14px; left:14px; border-right:0; border-bottom:0; border-top-left-radius:10px; }\n.vsd-corner.tr{ top:14px; right:14px; border-left:0; border-bottom:0; border-top-right-radius:10px; }\n.vsd-corner.bl{ bottom:14px; left:14px; border-right:0; border-top:0; border-bottom-left-radius:10px; }\n.vsd-corner.br{ bottom:14px; right:14px; border-left:0; border-top:0; border-bottom-right-radius:10px; }\n\n\/* ---------- 图文排版：图片上 · 文字下 ---------- *\/\n.vsd-body{ position:relative; z-index:2; text-align:center; }\n.vsd-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  margin:0 0 8px;\n  font-size:12px;\n  font-weight:700;\n  letter-spacing:.26em;\n  text-transform:uppercase;\n  color:var(--accent,var(--amber));\n}\n.vsd-kicker::before,.vsd-kicker::after{\n  content:\"\";\n  width:26px; height:1px;\n}\n.vsd-kicker::before{ background:linear-gradient(90deg, transparent, var(--accent,var(--amber))); }\n.vsd-kicker::after{ background:linear-gradient(90deg, var(--accent,var(--amber)), transparent); }\n.vsd-title{\n  margin:0 0 14px;\n  font-size:clamp(28px,4.6vw,48px);\n  line-height:1.1;\n  font-weight:800;\n  letter-spacing:-.01em;\n  color:var(--ink);\n}\n.vsd-grad{\n  background:linear-gradient(92deg, var(--amber-soft), var(--amber) 55%, var(--amber-deep));\n  -webkit-background-clip:text;\n  background-clip:text;\n  color:transparent;\n}\n.vsd-lead{\n  max-width:640px;\n  margin:0 auto;\n  font-size:clamp(15px,2vw,17px);\n  line-height:1.7;\n  color:var(--ink-soft);\n}\n\n\/* ---------- 胶囊标签 ---------- *\/\n.vsd-chips{\n  list-style:none;\n  margin:24px 0 0;\n  padding:0;\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  justify-content:center;\n}\n.vsd-chips li{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:9px 16px;\n  border-radius:999px;\n  border:1px solid var(--line-strong);\n  background:rgba(255,255,255,.05);\n  color:var(--ink-soft);\n  font-size:13px;\n  font-weight:600;\n  transition:transform .35s cubic-bezier(.2,.7,.3,1), border-color .3s, color .3s, box-shadow .3s;\n}\n.vsd-chips li:hover{\n  transform:translateY(-3px);\n  border-color:var(--accent,var(--amber));\n  color:var(--ink);\n  box-shadow:0 0 0 4px rgba(255,184,77,.10), 0 0 22px rgba(255,184,77,.22);\n}\n.vsd-chips svg{ width:16px; height:16px; stroke:var(--accent,var(--amber)); flex:none; }\n\n\/* ---------- 双镜片卡片（悬停 3D 翻面，非简单缩放） ---------- *\/\n.vsd-cards{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:16px;\n  margin:28px 0 0;\n  text-align:left;\n}\n@media (max-width:749px){ .vsd-cards{ grid-template-columns:1fr; } }\n.vsd-card{\n  position:relative;\n  border-radius:var(--r-md);\n  padding:24px 22px;\n  border:1px solid var(--line-strong);\n  background:linear-gradient(160deg, rgba(255,255,255,.06), rgba(255,255,255,.02));\n  overflow:hidden;\n  transition:transform .45s cubic-bezier(.2,.7,.3,1), border-color .35s, box-shadow .35s;\n}\n.vsd-card::after{\n  content:\"\";\n  position:absolute; inset:0;\n  background:linear-gradient(115deg, transparent 38%, rgba(111,211,255,.10) 50%, transparent 62%);\n  transform:translateX(-130%);\n  animation:vsdSheen 7s ease-in-out infinite 2.5s;\n  pointer-events:none;\n}\n.vsd-card:hover{\n  transform:translateY(-6px) rotateX(6deg);\n  border-color:var(--accent,var(--amber));\n  box-shadow:0 20px 44px -20px rgba(0,0,0,.65), 0 0 0 1px rgba(255,184,77,.18);\n}\n.vsd-card h3{ margin:0 0 8px; font-size:17px; font-weight:700; color:var(--ink); }\n.vsd-card p{ margin:0; font-size:13.5px; line-height:1.65; color:var(--ink-soft); }\n.vsd-lens{\n  position:relative;\n  display:block;\n  width:66px; height:34px;\n  margin:0 auto 16px;\n  border-radius:999px;\n  transform-style:preserve-3d;\n  transition:transform .65s cubic-bezier(.3,.7,.2,1.3);\n}\n.vsd-card:hover .vsd-lens{ transform:rotateY(180deg); }\n.vsd-lens i{\n  position:absolute; inset:0;\n  border-radius:999px;\n  backface-visibility:hidden;\n  -webkit-backface-visibility:hidden;\n  display:flex; align-items:center; justify-content:center;\n  font-style:normal;\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:.14em;\n}\n.vsd-lens .vsd-face-a{ background:linear-gradient(160deg,#FFD98F,#F5A623); color:#0A0F1C; }\n.vsd-lens .vsd-face-b{ background:linear-gradient(160deg,#3C4456,#141824); color:#E9EEF7; transform:rotateY(180deg); }\n\n\/* ---------- 四步安装 ---------- *\/\n.vsd-steps{\n  position:relative;\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:12px;\n  margin:28px 0 0;\n}\n@media (max-width:749px){ .vsd-steps{ grid-template-columns:repeat(2,1fr); } }\n.vsd-steps::before{\n  content:\"\";\n  position:absolute;\n  top:34px; left:12%; right:12%;\n  height:2px;\n  z-index:0;\n  background:repeating-linear-gradient(90deg, rgba(255,184,77,.55) 0 6px, transparent 6px 12px);\n  animation:vsdDash 2.8s linear infinite;\n}\n@keyframes vsdDash{ to{ background-position-x:-24px; } }\n.vsd-step{\n  position:relative;\n  z-index:1;\n  border-radius:var(--r-sm);\n  padding:18px 10px 16px;\n  border:1px solid var(--line);\n  background:rgba(255,255,255,.04);\n  text-align:center;\n}\n.vsd-step b{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:36px; height:36px;\n  margin:0 auto 10px;\n  border-radius:50%;\n  font-size:14px;\n  font-weight:800;\n  color:#0A0F1C;\n  background:linear-gradient(160deg, var(--amber-soft), var(--amber));\n  box-shadow:0 0 18px rgba(255,184,77,.35);\n}\n.vsd-step span{ font-size:13px; font-weight:600; color:var(--ink-soft); }\n\n\/* ---------- 参数网格 ---------- *\/\n.vsd-specs{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:14px;\n  margin:28px 0 0;\n}\n@media (max-width:749px){ .vsd-specs{ grid-template-columns:repeat(2,1fr); } }\n.vsd-spec{\n  position:relative;\n  border-radius:var(--r-md);\n  padding:20px 14px;\n  border:1px solid var(--line);\n  background:linear-gradient(165deg, rgba(111,211,255,.08), rgba(255,255,255,.02));\n  text-align:center;\n  overflow:hidden;\n  transition:transform .35s cubic-bezier(.2,.7,.3,1), border-color .3s, box-shadow .3s;\n}\n.vsd-spec:hover{\n  transform:translateY(-4px);\n  border-color:rgba(111,211,255,.45);\n  box-shadow:0 14px 30px -16px rgba(0,0,0,.6), 0 0 20px rgba(111,211,255,.15);\n}\n.vsd-spec b{ display:block; font-size:clamp(20px,2.6vw,26px); font-weight:800; color:var(--cyan-soft); letter-spacing:.01em; }\n.vsd-spec span{ display:block; margin-top:6px; font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-mute); }\n.vsd-spec::after{\n  content:\"\";\n  position:absolute; inset:0;\n  background:linear-gradient(115deg, transparent 38%, rgba(111,211,255,.12) 50%, transparent 62%);\n  transform:translateX(-130%);\n  animation:vsdSheen 7s ease-in-out infinite 3s;\n  pointer-events:none;\n}\n\n\/* ---------- 夜间模块：四个功能点 + 安全提示 ---------- *\/\n.vsd-pts{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:12px;\n  margin:26px 0 0;\n}\n@media (max-width:749px){ .vsd-pts{ grid-template-columns:repeat(2,1fr); } }\n.vsd-pt{\n  border-radius:var(--r-sm);\n  padding:18px 10px;\n  border:1px solid var(--line);\n  background:rgba(255,255,255,.03);\n  text-align:center;\n  transition:transform .35s cubic-bezier(.2,.7,.3,1), border-color .3s, box-shadow .3s;\n}\n.vsd-pt:hover{\n  transform:translateY(-4px);\n  border-color:rgba(255,184,77,.4);\n  box-shadow:0 0 18px rgba(255,184,77,.12);\n}\n.vsd-pt svg{ width:26px; height:26px; stroke:var(--amber); filter:drop-shadow(0 0 6px rgba(255,184,77,.35)); }\n.vsd-pt span{ display:block; margin-top:10px; font-size:12.5px; font-weight:600; color:var(--ink-soft); }\n.vsd-note{\n  margin:22px 0 0;\n  padding:16px 18px;\n  border-radius:var(--r-sm);\n  border:1px dashed rgba(255,184,77,.40);\n  background:rgba(255,184,77,.06);\n  color:var(--ink-soft);\n  font-size:13px;\n  line-height:1.7;\n  text-align:left;\n}\n.vsd-note b{ color:var(--amber-soft); }\n\n\/* ---------- 收尾 CTA：流光边框 + 清单 + 信任标签 ---------- *\/\n.vsd-cta-card{\n  position:relative;\n  border-radius:var(--r-lg);\n  padding:36px 24px;\n  text-align:center;\n  overflow:hidden;\n  background:linear-gradient(165deg, rgba(255,184,77,.10), rgba(255,255,255,.02) 45%), #060913;\n}\n.vsd-cta-card::before{\n  content:\"\";\n  position:absolute;\n  inset:-1px;\n  border-radius:var(--r-lg);\n  padding:1px;\n  background:conic-gradient(from 0deg, transparent 0 40%, rgba(255,184,77,.8) 50%, transparent 60% 100%);\n  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n  -webkit-mask-composite:xor;\n  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n  mask-composite:exclude;\n  animation:vsdSpin 6s linear infinite;\n  pointer-events:none;\n}\n@keyframes vsdSpin{ to{ transform:rotate(1turn); } }\n.vsd-list{\n  list-style:none;\n  margin:24px 0 0;\n  padding:0;\n  display:flex;\n  flex-wrap:wrap;\n  gap:8px 18px;\n  justify-content:center;\n}\n.vsd-list li{ display:inline-flex; align-items:center; gap:8px; font-size:13.5px; color:var(--ink-soft); }\n.vsd-list svg{ width:18px; height:18px; stroke:var(--amber); flex:none; }\n.vsd-trust{\n  list-style:none;\n  margin:26px 0 0;\n  padding:0;\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  justify-content:center;\n}\n.vsd-trust li{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:10px 16px;\n  border-radius:999px;\n  border:1px solid var(--line-strong);\n  background:rgba(255,255,255,.04);\n  color:var(--ink-soft);\n  font-size:13px;\n  font-weight:600;\n}\n.vsd-trust svg{ width:17px; height:17px; stroke:var(--amber); flex:none; }\n\n\/* ---------- 模块级装饰动效 ---------- *\/\n.vsd-hero .vsd-glow{\n  position:absolute;\n  left:50%; top:44%;\n  width:58%; aspect-ratio:1;\n  transform:translate(-50%,-50%);\n  z-index:0;\n  border-radius:50%;\n  background:radial-gradient(circle, rgba(255,170,60,.30), rgba(255,170,60,.05) 60%, transparent 70%);\n  animation:vsdGlow 4.5s ease-in-out infinite;\n  pointer-events:none;\n}\n@keyframes vsdGlow{\n  0%,100%{ opacity:.55; transform:translate(-50%,-50%) scale(1) }\n  50%    { opacity:.95; transform:translate(-50%,-50%) scale(1.08) }\n}\n.vsd-hero::before{\n  content:\"\";\n  position:absolute;\n  top:0; left:0; right:0; height:3px;\n  background:linear-gradient(90deg, transparent, var(--amber), transparent);\n  opacity:.7;\n  animation:vsdHue 3.5s ease-in-out infinite;\n  pointer-events:none;\n}\n@keyframes vsdHue{ 0%,100%{ filter:hue-rotate(0deg) } 50%{ filter:hue-rotate(-14deg) } }\n.vsd-glare .vsd-beam{\n  position:absolute;\n  top:0; left:-30%;\n  width:34%; height:100%;\n  background:linear-gradient(100deg, transparent, rgba(255,200,120,.08), transparent);\n  transform:skewX(-18deg);\n  animation:vsdBeam 7s linear infinite;\n  pointer-events:none;\n}\n@keyframes vsdBeam{ from{ left:-30% } to{ left:112% } }\n.vsd-night .vsd-tw{\n  position:absolute;\n  width:4px; height:4px;\n  border-radius:50%;\n  background:var(--amber);\n  opacity:0;\n  animation:vsdTw 4s ease-in-out infinite;\n  pointer-events:none;\n}\n@keyframes vsdTw{\n  0%,100%{ opacity:0; transform:translateY(0) scale(.6) }\n  50%    { opacity:.8; transform:translateY(-6px) scale(1) }\n}\n\n\/* 悬浮镜片角标（图片上的 DAY \/ NIGHT） *\/\n.vsd-chip{\n  position:absolute;\n  z-index:4;\n  padding:8px 14px;\n  border-radius:999px;\n  font-size:11px;\n  font-weight:700;\n  letter-spacing:.08em;\n  backdrop-filter:blur(6px);\n  -webkit-backdrop-filter:blur(6px);\n  background:rgba(5,9,18,.55);\n  border:1px solid var(--line-strong);\n  color:var(--ink);\n  animation:vsdFloat 6s ease-in-out infinite;\n  pointer-events:none;\n}\n.vsd-chip-day{ top:18px; left:18px; color:var(--amber-soft); border-color:rgba(255,184,77,.45); }\n.vsd-chip-night{ bottom:18px; right:18px; animation-delay:1.4s; }\n@keyframes vsdFloat{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-7px) } }\n\n\/* ---------- 动效可访问性 ---------- *\/\n@media (prefers-reduced-motion: reduce){\n  .vsd-media::after,\n  .vsd-scan,\n  .vsd-hero .vsd-glow,\n  .vsd-hero::before,\n  .vsd-glare .vsd-beam,\n  .vsd-night .vsd-tw,\n  .vsd-steps::before,\n  .vsd-spec::after,\n  .vsd-card::after,\n  .vsd-cta-card::before,\n  .vsd-chip,\n  .vsd-lens{ animation:none !important; }\n}\n\u003c\/style\u003e","brand":"WAQ","offers":[{"title":"Default Title","offer_id":62528793378956,"sku":"B03551-A","price":39.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0787\/4238\/8876\/files\/4bbe7681-4095-4b91-bb5c-f10a93c77fef_038021c9-e3ab-4227-9756-2993ed6371b5.png?v=1791612780","url":"https:\/\/yooyappvip.us\/products\/2-in-1-car-visor-extender-day-night-anti-glare-driving-shield","provider":"YooyappVip","version":"1.0","type":"link"}