Foldable Windshield Sunshade

CarwrapLab Verified independent store

→

/* ===== 清凉感 · 纯CSS · 零外部资源 ===== */ *{margin:0;padding:0;box-sizing:border-box} body{ font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; ba ckground: linear-gradient(170deg, #f0f4f8 0%, #dce8f0 40%, #c5dde8 100%); color:#1a2a3a; padding:16px 0 40px; min-height:100vh; -webkit-font-smoothing:antialiased; } .container{ max-width:640px; margin:0 auto; background: rgba(255,255,255,0.72); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-radius:28px; padding:28px 20px 40px; box-shadow: 0 8px 40px rgba(60,130,180,0.08), inset 0 1px 0 rgba(255,255,255,0.6); border:1px solid rgba(255,255,255,0.35); } .crystal-line{ text-align:center; font-size:12px; letter-spacing:8px; color:rgba(80,180,220,0.25); margin-bottom:6px; user-select:none; pointer-events:none; } .badge{ display:inline-block; background:rgba(60,160,210,0.12); color:#2a7a9a; font-size:10px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase; padding:3px 14px; border-radius:40px; margin-bottom:10px; border:1px solid rgba(60,160,210,0.08); } h1{ font-size:30px; font-weight:700; letter-spacing:-.5px; color:#0a1e2e; line-height:1.2; margin-bottom:4px; } h1 .cool{color:#2a8aaa;font-weight:800;} .subhead{ font-size:14px; color:#4a6a7a; font-weight:400; margin-bottom:18px; padding-bottom:14px; border-bottom:2px solid rgba(100,180,210,0.15); } .temp-bar{ display:flex; align-items:center; justify-content:center; gap:8px 16px; flex-wrap:wrap; background:linear-gradient(90deg, rgba(255,180,100,0.08), rgba(80,200,240,0.08)); border-radius:60px; padding:8px 18px; margin-bottom:24px; border:1px solid rgba(255,255,255,0.3); font-weight:600; font-size:14px; } .temp-bar .hot{color:#d45a3a;} .temp-bar .cold{color:#2a9aba;} .temp-bar .arrow{color:#8ab8c8;font-size:18px;padding:0 4px;} .temp-bar .diff{ background:rgba(42,154,186,0.10); padding:2px 12px; border-radius:30px; font-size:13px; color:#1a7a9a; } /* ===== 动图 + 主图双图布局 ===== */ .gallery-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:24px; } .gallery-grid .img-box{ border-radius:20px; overflow:hidden; background:rgba(200,225,240,0.2); border:1px solid rgba(255,255,255,0.2); box-shadow: 0 4px 20px rgba(60,140,190,0.06); aspect-ratio:1/1; } .gallery-grid .img-box img, .gallery-grid .img-box video{ width:100%; height:100%; object-fit:cover; display:block; } /* 全宽展示（手机端） */ @media(max-width:480px){ .gallery-grid{grid-template-columns:1fr;gap:14px} } /* ===== 数据横幅 ===== */ .stats-bar{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; background:rgba(220,240,250,0.35); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); border-radius:16px; padding:16px 12px; margin-bottom:28px; border:1px solid rgba(255,255,255,0.4); box-shadow:inset 0 1px 0 rgba(255,255,255,0.6); } .stat-item{text-align:center} .stat-item .number{ font-size:22px; font-weight:700; color:#0a2a3a; letter-spacing:-.3px; } .stat-item .number .snow{color:#3a9aba;font-size:18px;margin-left:2px;} .stat-item .label{ font-size:10px; font-weight:500; color:#4a7a8a; text-transform:uppercase; letter-spacing:.5px; margin-top:2px; } .section-title{ font-size:12px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase; color:#4a7a8a; margin:32px 0 14px; display:flex; align-items:center; gap:10px; } .section-title .line{ flex:1; height:1px; background:linear-gradient(90deg, rgba(80,180,220,0.2), transparent); } .feature-list{list-style:none;margin:0 0 8px} .feature-list li{ display:flex; gap:16px; padding:14px 0; border-bottom:1px solid rgba(80,180,220,0.08); align-items:flex-start; transition:border-color .3s; } .feature-list li:last-child{border-bottom:none} .feature-list .num{ font-weight:700; font-size:14px; color:rgba(60,160,210,0.25); min-width:28px; } .feature-list .content{flex:1} .feature-list .content h4{ font-size:15px; font-weight:600; color:#0a2a3a; margin-bottom:2px; } .feature-list .content h4 .emoji{font-size:14px;margin-right:6px;} .feature-list .content p{ font-size:13px; color:#4a6a7a; line-height:1.4; } .divider-img{ width:100%; border-radius:20px; margin:28px 0; background:rgba(200,225,240,0.15); overflow:hidden; border:1px solid rgba(255,255,255,0.2); box-shadow:0 4px 20px rgba(60,140,190,0.04); } .divider-img img{width:100%;height:auto;display:block} .spec-grid{ display:grid; grid-template-columns:1fr 1fr; gap:4px 20px; background:rgba(220,240,250,0.20); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); border-radius:16px; padding:16px 18px; border:1px solid rgba(255,255,255,0.3); margin-bottom:8px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.4); } .spec-grid .spec{ display:flex; justify-content:space-between; padding:5px 0; font-size:13px; border-bottom:1px solid rgba(80,180,220,0.06); } .spec-grid .spec:last-child,.spec-grid .spec:nth-last-child(2){border-bottom:none} .spec-grid .spec .key{color:#4a7a8a} .spec-grid .spec .val{font-weight:600;color:#0a2a3a} .tag-group{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 8px} .tag{ background:rgba(200,230,245,0.25); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); border-radius:40px; padding:4px 16px; font-size:12px; font-weight:500; color:#1a4a5a; border:1px solid rgba(255,255,255,0.2); } .package-list{list-style:none;margin:10px 0 0} .package-list li{ padding:6px 0 6px 24px; position:relative; font-size:14px; color:#1a3a4a; border-bottom:1px solid rgba(80,180,220,0.06); } .package-list li:last-child{border-bottom:none} .package-list li::before{ content:"❄"; color:rgba(60,180,220,0.3); font-size:12px; position:absolute;left:0;top:6px; } .review-block{margin:12px 0 8px} .review-item{ padding:14px 0; border-bottom:1px solid rgba(80,180,220,0.06); } .review-item:last-child{border-bottom:none} .review-item .name{font-weight:600;font-size:13px;color:#0a2a3a} .review-item .text{font-size:14px;color:#3a5a6a;margin-top:2px;line-height:1.5} .faq-container{margin:12px 0 10px} details{ border-bottom:1px solid rgba(80,180,220,0.06); padding:12px 0; } details:last-child{border-bottom:none} summary{ font-weight:600; font-size:14px; color:#0a2a3a; cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:12px; } summary::-webkit-details-marker{display:none} summary::after{ content:"▾"; font-size:14px; color:rgba(60,180,220,0.3); transition:.2s; } details[open] summary::after{transform:rotate(180deg)} .answer{ margin-top:6px; font-size:14px; color:#4a6a7a; line-height:1.6; padding-left:14px; border-left:2px solid rgba(60,180,220,0.15); } .footer{ margin-top:40px; padding-top:16px; border-top:2px solid rgba(80,180,220,0.08); font-size:11px; color:#6a9aaa; text-align:center; letter-spacing:.5px; } .footer .snow-row{ font-size:10px; letter-spacing:6px; color:rgba(60,180,220,0.12); margin-bottom:6px; } /* ===== 响应式 ===== */ @media(max-width:480px){ .container{padding:20px 16px 32px;border-radius:20px} h1{font-size:24px} .stats-bar{padding:12px 8px} .stat-item .number{font-size:18px} .spec-grid{grid-template-columns:1fr} .spec-grid .spec{border-bottom:1px solid rgba(80,180,220,0.06)} .spec-grid .spec:nth-last-child(2){border-bottom:1px solid rgba(80,180,220,0.06)} .spec-grid .spec:last-child{border-bottom:none} .temp-bar{font-size:13px;padding:6px 14px;gap:4px 12px;} .temp-bar .diff{font-size:12px;padding:2px 10px;} body{background:linear-gradient(175deg, #eef3f6 0%, #d5e4ec 60%, #bdd6e3 100%)} } ❄ ✦ ❅ ✧ ❄ ❄ New · Cooling Tech Turn your oven-like car back into a cool cabin — in 3 seconds. Foldable Windshield · 5‑Layer Thermal Shield · Folds Like an Umbrella 🔥 70°C → ❄ 32°C ↓ 38°C cooler 5 ❄ Thermal Layers 99% ✦ UV Block 3s ❅ Open / Fold ❄ Key Features 01 🧊5‑Layer Heat Reflection High‑density shielding layer with rapid cooling material — blocks solar radiation before it enters your cabin. 02 ☂️Umbrella‑Style Folding Opens and closes in seconds. No awkward rolling — just pop it open like an umbrella and you're done. 03 🚗Universal Vehicle Fit Designed to fit sedans, SUVs, trucks, and crossovers. One size covers almost every windshield. 04 🛡️Dashboard & Interior Protection Prevents UV damage — keeps your dash from cracking, fading, or warping under intense sun exposure. ✦ Technical Specs MaterialTitanium silver coating FrameReinforced metal Layers5‑layer reflective ColorBlack / Silver CompatibilitySedans, SUVs, trucks IncludesSunshade + Pouch ❅ Best For ☀️ Hot summer days 🚗 Daily commuters 🏖️ Road trips 🅿️ Street parking 🧴 UV protection 🪟 Windshield care 📦 What's Included 1 × Foldable windshield sunshade 1 × Storage pouch 💬 Cool Reviews Cameron W. ★★★★★ "Car no longer feels like an oven. Huge temperature difference." Isabelle K. ★★★★★ "Folds up just like an umbrella — fits perfectly in my door pocket." Tristan H. ★★★★★ "Tried it on my SUV, then bought one for my family. Noticeable heat reduction." Sebastian F. ★★★★★ "Opens in seconds — so much easier than traditional sunshades." ❄ FAQ Which vehicles are compatible? Most sedans, SUVs, trucks, and crossovers. Designed for universal windshield fit. How do I set it up? Open it like an umbrella, place it against your windshield, and flip down your sun visors to secure it. Does it really block UV rays? Yes — the 5‑layer reflective material blocks 99% of harmful UV rays. Will it scratch my car interior? No. The materials are soft and non‑abrasive, completely safe for dashboards and glass. How do I store it? Fold it like a regular umbrella and store it in the included storage pouch. ❄ ❅ ✦ ❆ ❋ ✧ ❄ Stay cool. Drive happy.5‑layer thermal protection · UV shield · Universal fit Show more