.blur-footer { position: fixed; bottom: 0; left: 0; width: 100%; height: 120px; background: rgba(255, 255, 255, 0.05); /* очень светлая дымка */ backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); box-shadow: 0 -1px 20px rgba(0, 0, 0, 0.1); /* лёгкая тень сверху */ border-top: 1px solid rgba(255, 255, 255, 0.15); /* деликатная граница */ z-index: 999; pointer-events: none; }