/*! H5 底部 TabBar：对齐 web TabBar.vue；仅窄屏显示 */
:root{
  --hg-tabbar-h:0px;
  --hg-tabbar-safe:env(safe-area-inset-bottom,0px);
}
.hg-tabbar{display:none}
@media (max-width:1023px){
  :root{--hg-tabbar-h:56px}
  body.hg-layout{
    padding-bottom:calc(var(--hg-tabbar-h) + var(--hg-tabbar-safe));
  }
  body.hg-layout.hg-no-tabbar{
    padding-bottom:0;
  }
  body.hg-layout.hg-no-tabbar .hg-fab{
    bottom:20px !important;
  }
  .hg-tabbar{
    display:flex;
    position:fixed;
    left:0;right:0;bottom:0;
    z-index:1800;
    align-items:stretch;
    justify-content:center;
    gap:2px;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:8px 10px calc(8px + var(--hg-tabbar-safe));
    box-sizing:border-box;
    background:rgba(13,13,13,.92);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    border-top:1px solid rgba(255,255,255,.10);
  }
  .hg-tabbar__item{
    flex:1 0 0;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    text-decoration:none;
    color:rgba(255,255,255,.55);
    font-size:12px;
    line-height:1;
    -webkit-tap-highlight-color:transparent;
  }
  .hg-tabbar__item.is-active{
    color:#ffd21c;
  }
  .hg-tabbar__item.is-active .hg-tabbar__label{font-weight:600}
  .hg-tabbar__item.is-active .hg-tabbar__indicator{opacity:1}
  .hg-tabbar__item.is-active .hg-tabbar__icon--off{display:none}
  .hg-tabbar__item.is-active .hg-tabbar__icon--on{display:block}
  .hg-tabbar__item:not(.is-active) .hg-tabbar__icon--on{display:none}
  .hg-tabbar__item:not(.is-active) .hg-tabbar__icon--off{display:block}
  .hg-tabbar__icon-wrap{
    width:20px;height:20px;
    display:flex;align-items:center;justify-content:center;
  }
  .hg-tabbar__icon-wrap--center{width:24px;height:24px}
  .hg-tabbar__icon{
    width:20px;height:20px;
    object-fit:contain;
    display:block;
  }
  .hg-tabbar__icon--center{width:24px;height:24px}
  .hg-tabbar__label-block{
    display:flex;flex-direction:column;align-items:center;gap:0;
  }
  .hg-tabbar__label{
    font-size:12px;line-height:1;white-space:nowrap;font-weight:400;
  }
  .hg-tabbar__indicator{
    margin-top:4px;
    width:24px;height:2px;
    border-radius:99px;
    background:#ffd21c;
    opacity:0;
    transition:opacity .18s ease;
  }
  /* 避开底栏：回到顶部 FAB */
  .hg-fab{bottom:calc(20px + var(--hg-tabbar-h) + var(--hg-tabbar-safe)) !important}
}