.bottom-bar{position:fixed;bottom:0;left:0;width:100%;z-index:1000}.bottom-nav{max-width:428px;margin:0 auto;padding-top:10px;padding-bottom:10px;box-sizing:border-box;background-color:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 -2px 10px rgba(0,0,0,.1)}.bottom-nav-list{display:flex;justify-content:space-around;align-items:center;list-style:none;margin:0;padding:0}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#666;font-size:12px;min-width:56px;max-width:64px;padding:0 2px}.bottom-nav-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}.bottom-nav-item.active{color:#ff6b81}.bottom-nav-icon{font-size:22px;margin-bottom:3px;height:24px;display:flex;align-items:center}