.tab-bar{position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg-card-solid);border-top:1px solid var(--border-card);display:flex;z-index:100;box-shadow:0 -2px 12px rgba(0,0,0,0.15)}
.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:all .2s}
.tab-icon{font-size:20px;color:var(--c-text-2);transition:color .2s}
.tab-label{font-size:10px;color:var(--c-text-2);transition:color .2s}
.tab-item.tab-active .tab-icon{color:var(--c-primary-l)}
.tab-item.tab-active .tab-label{color:var(--c-primary-l);font-weight:bold}