/* 四项导航平排：所有页面共用图标、文字和选中样式。 */
@media (max-width:768px) {
  body #bottomTabBar.bottom-tab-bar {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:stretch;
    gap:0;
    box-sizing:border-box;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:auto !important;
    min-height:66px;
    padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px)) !important;
    border:0;
    border-top:1px solid var(--border-light,#eceef4);
    border-radius:0;
    background:var(--bg-card,#fff);
    box-shadow:none !important;
    backdrop-filter:none;
  }
  body #bottomTabBar.bottom-tab-bar .tab-item {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    box-sizing:border-box;
    position:relative;
    top:0;
    min-width:0;
    min-height:56px;
    height:56px;
    margin:0 !important;
    padding:5px 0 !important;
    border:0 !important;
    border-bottom:2px solid transparent !important;
    border-radius:0;
    background:transparent !important;
    color:var(--text-secondary,#758299) !important;
    text-decoration:none;
    transform:none !important;
    box-shadow:none !important;
  }
  body #bottomTabBar.bottom-tab-bar .tab-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    width:24px !important;
    height:24px !important;
    margin:0 !important;
    padding:0 !important;
    border:0;
    border-radius:0 !important;
    background:transparent !important;
    color:inherit !important;
    box-shadow:none !important;
    transform:none !important;
  }
  body #bottomTabBar.bottom-tab-bar .bottom-nav-icon { display:block; width:22px; height:22px; }
  body #bottomTabBar.bottom-tab-bar .tab-label { display:block; margin:0; font-size:11px; line-height:16px; color:inherit !important; }
  body #bottomTabBar.bottom-tab-bar .tab-item.active { color:var(--primary,#ed6498) !important; border-bottom-color:currentColor !important; }
  body #bottomTabBar.bottom-tab-bar .tab-item::before,
  body #bottomTabBar.bottom-tab-bar .tab-item::after { display:none !important; }
}