/* RoiKib main site bottom menu — matches Community Feed v2.8.1 navigation.
   Scoped to the existing Discuz! theme bottom bar; does not affect Feed. */
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700;800&display=swap');
@media screen and (min-width:701px){
  html body .mobile-bottom.rk3-bottom.rk-feed-match{display:none!important}
}
@media screen and (max-width:700px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  html body .mobile-bottom.rk3-bottom.rk-feed-match{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;
    top:auto!important;z-index:1000!important;
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;max-width:none!important;height:auto!important;min-height:70px!important;
    padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;border:0!important;border-top:1px solid #e5eaf2!important;
    border-radius:0!important;box-shadow:0 -3px 16px #142c4a15!important;
    background:#fff!important;transform:none!important;visibility:visible!important;
    box-sizing:border-box!important;overflow:visible!important;
    font-family:'Prompt',Tahoma,Arial,sans-serif!important;
  }
  html body .mobile-bottom.rk3-bottom.rk-feed-match>a{
    display:flex!important;flex-direction:column!important;align-items:center!important;
    justify-content:center!important;gap:2px!important;
    min-width:0!important;min-height:57px!important;width:100%!important;height:auto!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;
    box-shadow:none!important;background:transparent!important;
    color:#8791a5!important;text-align:center!important;text-decoration:none!important;
    font-family:'Prompt',Tahoma,Arial,sans-serif!important;
    font-size:12px!important;font-weight:600!important;line-height:1.4!important;
    letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;
    box-sizing:border-box!important;
  }
  html body .mobile-bottom.rk3-bottom.rk-feed-match>a:before,
  html body .mobile-bottom.rk3-bottom.rk-feed-match>a:after{content:none!important;display:none!important}
  html body .mobile-bottom.rk3-bottom.rk-feed-match>a>svg{
    width:25px!important;height:25px!important;min-width:25px!important;
    flex-shrink:0!important;display:block!important;stroke:currentColor!important;
    fill:none!important;stroke-width:1.8!important;stroke-linecap:round!important;
    stroke-linejoin:round!important;box-sizing:content-box!important
  }
  html body .mobile-bottom.rk3-bottom.rk-feed-match>a>span{
    font-family:'Prompt',Tahoma,Arial,sans-serif!important;font-size:12px!important;
    font-weight:600!important;line-height:1.4!important;letter-spacing:0!important;
    color:inherit!important;display:block!important;margin:0!important;padding:0!important;
    text-decoration:none!important;background:none!important;white-space:nowrap!important
  }
  html body .mobile-bottom.rk3-bottom.rk-feed-match>a.active,
  html body .mobile-bottom.rk3-bottom.rk-feed-match>a[aria-current="page"]{
    color:#3656ca!important;background:transparent!important
  }
  html body .mobile-bottom.rk3-bottom.rk-feed-match>a:active{background:#eef2ff!important}
  html body .mobile-bottom.rk3-bottom.rk-feed-match>a:focus-visible{
    outline:2px solid #3656ca!important;outline-offset:-3px!important
  }
  html body.rk-v3{padding-bottom:max(76px,calc(76px + env(safe-area-inset-bottom,0px)))!important}
}
@media screen and (max-width:355px){
  html body .mobile-bottom.rk3-bottom.rk-feed-match>a,
  html body .mobile-bottom.rk3-bottom.rk-feed-match>a>span{font-size:11px!important}
}