Garvee Safety Bollard 36 in Height, 4.5 in Diameter, Yellow Steel Bollard Post with Anchor Bolts for Traffic Control, Driveway - 36 Inch 6 Packs
/* 核心改良：全设备自适应逻辑 */ :root { --garvee-blue: #0a1931; --accent-yellow: #ffcc00; --text-gray: #a0b0c0; /* 您要求的深蓝灰色 */ } .garvee-mobile-optimized { max-width: 1100px; margin: 0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; color: #333; line-height: 1.6; background-color: #fff; -webkit-font-smoothing: antialiased; } /* Hero Banner */ .hero-box { background: #000; text-align: center; } .hero-box img { width: 100%; height: auto; display: block; } .hero-overlay { padding: 35px 15px; background: var(--garvee-blue); color: #fff; text-align: center; border-bottom: 5px solid var(--accent-yellow); } .hero-overlay h1 { font-size: 26px; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 1px; color: #ffffff !important; font-weight: 800; } /* Feature Grid：手机端自动转为垂直堆叠 */ .feature-container { display: flex; flex-wrap: wrap; gap: 20px; padding: 40px 20px; background: #fcfcfc; } .feature-item { flex: 1 1 300px; background: #fff; padding: 30px 20px; border-radius: 12px; text-align: center; border: 1px solid #eee; box-shadow: 0 4px 10px rgba(0,0,0,0.02); } .feature-item img { width: 100%; border-radius: 8px; margin-bottom: 15px; } .feature-item h3 { color: var(--garvee-blue); font-size: 19px; margin-bottom: 10px; } /* 图文排版：手机端自动居中 */ .flex-row { display: flex; align-items: center; flex-wrap: wrap; padding: 40px 20px; gap: 40px; } .box-img, .box-text { flex: 1 1 340px; } .box-img img { width: 100%; border-radius: 15px; box-shadow: 0 10px 25px rgba(0,0,0,0.08); } .box-text h2 { font-size: 24px; color: var(--garvee-blue); margin-bottom: 15px; border-left: 5px solid var(--accent-yellow); padding-left: 15px; } /* 应用场景网格：手机端2列 */ .app-wall { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; padding: 20px 15px; } .app-unit { position: relative; border-radius: 10px; overflow: hidden; } .app-unit img { width: 100%; display: block; transition: 0.3s; } .app-label { position: absolute; bottom: 0; width: 100%; background: rgba(10,25,49,0.85); color: #fff; font-size: 13px; padding: 7px 0; text-align: center; font-weight: 600; } /* 改良版 Specifications：锁定深蓝灰色 */ .spec-card { margin: 50px 15px 30px; padding: 40px 25px; background: #000000; border-radius: 15px; border: 2px solid #1e90ff; box-shadow: 0 15px 40px rgba(0,0,0,0.3); } .spec-card h2 { color: #fff; text-align: center; font-size: 22px; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 2px; } .spec-table { width: 100%; border-collapse: collapse; } /* 统一所有文字为深蓝灰色 */ .spec-table td { padding: 16px 5px; border-bottom: 1px solid #1c3d6e; font-size: 15px; color: var(--text-gray) !important; } .spec-table td:first-child { font-weight: 600; width: 45%; text-transform: uppercase; font-size: 13px; } .spec-table td:last-child { text-align: right; font-weight: 700; } .spec-table tr:last-child td { border-bottom: none; } /* 手机端微调 */ @media (max-width: 600px) { .hero-overlay h1 { font-size: 22px; } .flex-row { padding: 30px 15px; gap: 20px; } .box-text h2 { font-size: 20px; } .feature-container { padding: 20px 15px; } .spec-card { padding: 30px 15px; margin: 40px 10px; } } Industrial Safety Bollards Reliable Protection for People, Assets, and Property. Heavy Duty Steel Premium Q235 carbon steel built to withstand major vehicle impacts. High Visibility Reflective yellow coating ensures maximum driver awareness day or night. Instant Secure Setup Each set includes 8 heavy-duty expansion anchor bolts for immediate, rock-solid mounting on concrete surfaces. Pedestrian Parking Equipment Traffic Technical Specifications Brand Name Garvee Set Capacity 6 Packs / 8 Bolts Material Q235 Carbon Steel Height 36" / 91.4 cm Base Size 7.9" x 7.9" Total Weight 76.6 lbs
