/* Compressed on 2026-04-07 22:51:09 */
.bottom-nav{ display:flex; position:fixed; bottom:0; left:0; right:0; background:var(--color-bg-white); border-top:1px solid var(--color-border); padding:var(--spacing-sm) 0; padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom)); z-index:var(--z-fixed); box-shadow:0 -2px 10px rgba(0,0,0,0.05)} .nav-item{ flex:1; display:flex; flex-direction:column; align-items:center; padding:var(--spacing-xs); color:var(--color-text-muted); text-decoration:none; font-size:var(--font-size-xs); transition:color var(--transition-base)} .nav-item.active{ color:var(--color-primary)} .nav-item svg,.nav-item .nav-icon{ width:24px; height:24px; margin-bottom:2px} .nav-item .nav-text{ font-size:10px} .nav-item:active{ background:var(--color-bg-light)} .nav-badge{ position:absolute; top:0; right:-4px; min-width:16px; height:16px; padding:0 4px; font-size:10px; line-height:16px; text-align:center; background:var(--color-danger); color:var(--color-text-white); border-radius:var(--radius-full)} .nav-item.has-badge{ position:relative} .nav-center{ position:relative} .nav-center .nav-item{ position:relative; top:-15px} .nav-center-btn{ width:56px; height:56px; border-radius:50%; background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light)); color:var(--color-text-white); display:flex; align-items:center; justify-content:center; box-shadow:var(--shadow-md); border:4px solid var(--color-bg-white)} .nav-center-btn svg{ width:28px; height:28px} @media (max-width:360px){ .nav-item{ padding:2px} .nav-item svg,.nav-item .nav-icon{ width:20px; height:20px} .nav-item .nav-text{ font-size:9px} }