/* Georges Tabbar(georges-tabbar.php):底部按钮栏按下效果 = 主题黄短线滑过去 */
/* 去掉插件的浅蓝圆形波纹和系统点按高亮 */
.mobile-bottom-menu .mobile-bottom-menu-item::before{display:none!important}
.mobile-bottom-menu .mobile-bottom-menu-item{-webkit-tap-highlight-color:transparent}
/* 有了会滑的线,插件原来挂在「当前页」上的那条就不画了 */
.mobile-bottom-menu.has-gtab .mobile-bottom-menu-item.active::after{display:none!important}
.mobile-bottom-menu.has-gtab .mobile-bottom-menu-container{position:relative}
/* 平时和插件原来那条一样:灰 #606060、40×3、下边两角 3px */
.gtab-line{position:absolute;left:0;z-index:2;width:40px;height:3px;border-radius:0 0 3px 3px;background:#606060;pointer-events:none;opacity:0;
  transition:transform .2s cubic-bezier(.2,.7,.2,1),background-color .3s ease,opacity .12s}
.gtab-line.is-on{opacity:1}
.gtab-line.is-press{background:#c19100;transition:transform .2s cubic-bezier(.2,.7,.2,1),background-color .08s ease,opacity .12s}
.gtab-line.no-anim{transition:none}
/* 10-26 Georges「小黄线 滑动起来 有点卡卡的 为啥 还不如菜单下的下划线丝滑」:点下去约 0.11 秒局部切换就开始(底栏的页面都预取好了),
   视图过渡给页面拍快照时线才滑到一半,于是「定在半路的旧线」和「还在滑的新线」交叉淡入、叠成重影。
   给线单独的过渡名:不要旧快照、不做过渡动画,一直显示真的那条线接着滑 */
.mobile-bottom-menu.has-gtab .gtab-line{view-transition-name:gtab-line;will-change:transform}
::view-transition-group(gtab-line){animation:none}
::view-transition-old(gtab-line){display:none}
::view-transition-new(gtab-line){animation:none}
@media(prefers-reduced-motion:reduce){.gtab-line{transition:background-color .3s ease,opacity .12s}}