/* Georges Tabbar(georges-tabbar.php):底部按钮栏。11-03 22:4x 起选中 = 按钮本身变主题黄(原来是按钮上方一条滑动短线) */
/* 去掉插件的浅蓝圆形波纹和系统点按高亮 */
.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:rgba(0,0,0,.62);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}}
/* 11-03 15:59 Georges「把全站的底部TAB也改为磨砂玻璃，但透明度更低一点」/ 16:30「底栏几乎没有模糊度，要加一点」:
   底栏白底换成磨砂玻璃:白 .72、磨砂 20px(Spectra 墙下那块是 .62 / 12px),上沿一线暗 + 其下一线亮(都是内阴影,在盒子里),原来 10px 的灰影去掉。
   磨砂必须加在底栏自己身上:底栏有页面切换用的 view-transition-name,浏览器把它当「磨砂的取景边界」,
   放在它的 ::before 里只能糊到底栏自己(15:59 那版就是这样,所以几乎看不出糊)。盒外用实心遮罩裁掉(GPU 合成会把磨砂漏到盒外)。
   插件按后台配色生成的 .theme-custom{background:#fff!important} 排在后面,这里多一级 body 压过它。不支持磨砂的浏览器还是原来的白底
   16:36 他「底栏的模拟厚度的亮边，太亮了一点，然后模糊度，减少一点」:暗线下那道亮线 .85 → .45,磨砂 20 → 14px(saturate 1.15 → 1.12)
   16:45「底栏的模糊度再减少一些」:磨砂 14 → 10px(saturate 1.12 → 1.1)(时间 22:4x 按香港备份目录改正,原来写成了 18:10 / 18:35) */
/* 11-04 07:11 v9:和 Spectra 墙下玻璃同一种「更像玻璃」材质(Georges 预览 ?glass=1 后「好的 上线」):白 .72 → 上 .60 / 下 .54 + 细颗粒砂面,磨砂 10 → 11px + saturate 1.6 + brightness 1.07,上沿暗线去灰改一丝绿 */
/* 11-04 09:56 v10:他「底栏增加一点不透明度 不改模糊度」:白 上 .60 / 下 .54 → .70 / .64,磨砂 11px、颗粒、上沿线都不变(v9 文件留着) */
/* 11-04 10:17 v11:他「低栏再白一点」:白 .70 / .64 → .80 / .74,磨砂 11px、颗粒、上沿线都不变(v10 文件留着) */
/* 11-04 10:31 v12:他「毛玻璃和底栏的颗粒 能再细腻一点点吗」:颗粒 baseFrequency .95 → 1.3(约小 3 成),白 .80/.74、磨砂 11px 不变;Spectra 墙下玻璃同改(v11 文件留着) */
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
 body .mobile-bottom-menu.theme-custom{background:linear-gradient(rgba(255,255,255,.95),rgba(255,255,255,.9) 1px,rgba(228,236,233,.6) 1px,rgba(214,224,220,.4) 2.5px,rgba(40,52,48,.13) 2.5px,rgba(40,52,48,.04) 3.5px,rgba(255,255,255,.2) 3.5px,rgba(255,255,255,0) 9px) top/100% 9px no-repeat,url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27180%27 height=%27180%27%3E%3Cfilter id=%27w%27 x=%270%27 y=%270%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%271.3%27 numOctaves=%273%27 seed=%274%27 stitchTiles=%27stitch%27/%3E%3CfeColorMatrix values=%270 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 2.2 -1.05%27/%3E%3C/filter%3E%3Cfilter id=%27d%27 x=%270%27 y=%270%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%271.3%27 numOctaves=%273%27 seed=%279%27 stitchTiles=%27stitch%27/%3E%3CfeColorMatrix values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 2.2 -1.25%27/%3E%3C/filter%3E%3Crect width=%27180%27 height=%27180%27 filter=%27url%28%23w%29%27 opacity=%27.38%27/%3E%3Crect width=%27180%27 height=%27180%27 filter=%27url%28%23d%29%27 opacity=%27.06%27/%3E%3C/svg%3E") 0 0/180px 180px repeat,linear-gradient(rgba(255,255,255,.65),rgba(255,255,255,.53) 45%,rgba(255,255,255,.47))!important;-webkit-backdrop-filter:blur(11px) saturate(1.6) brightness(1.07);backdrop-filter:blur(11px) saturate(1.6) brightness(1.07);box-shadow:none!important;-webkit-mask-image:linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000)}
}
/* 11-03 17:09 Georges「底栏的图标文字，改为黑色，并且增加透明度，使得看起来依然是灰色，但是有了半透明效果」:
   插件后台配色是 #606060(带 !important),改成黑色 62% —— 白底上正好还是 #606060,压在磨砂上会透出一点底下的颜色;
   滑动的那条指示线(上面 .gtab-line)同样改了,按下变黄不变。以后只调这里的 .62 */
body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-item,body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-item:hover,body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-item:focus,body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-item.active{color:rgba(0,0,0,.55)!important}
/* 11-03 23:0x 他「不要黄色了，改为更浅的灰色」:选中的按钮从主题黄改成浅灰 —— 黑 36%(其余按钮是黑 62%),以后只调最下面那条规则里的 .36。
   22:4x Georges「底栏改为玻璃后，上面的小黑条不合适了，改为选中的，把黑色图标和文字改为黄色」:
   上方那条短线不显示;改成「线原来在哪个按钮上,哪个按钮的图标和文字就变色(先是主题黄 #c19100,23:0x 起浅灰)」(tabbar.v2.js 给它加 .gtab-on):
   平时 = 当前页那个;手指按下 = 按住的那个(没点成会回去);换好页 = 新的当前页;不属于底栏的页面(登录等)一个都不亮。
   脚本还没跑的第一眼,按 <body> 的 gtab-xxx 先把对的那个染黄(插件自己的 .active 遇到认不出的网址会错标第一个,不用它) */
.mobile-bottom-menu .gtab-line{display:none!important}
body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-item{transition:color .18s ease}
body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-item.gtab-on,body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-item.gtab-on:hover,body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-item.gtab-on:focus,
body.gtab-spectra .mobile-bottom-menu.theme-custom:not(.has-gtab) .mobile-bottom-menu-item[href$="/spectra"],
body.gtab-journal .mobile-bottom-menu.theme-custom:not(.has-gtab) .mobile-bottom-menu-item[href$="/archives/category/journal"],
body.gtab-explore .mobile-bottom-menu.theme-custom:not(.has-gtab) .mobile-bottom-menu-item[href$="/explore"],
body.gtab-corner .mobile-bottom-menu.theme-custom:not(.has-gtab) .mobile-bottom-menu-item[href$="/corner"],
body.gtab-app .mobile-bottom-menu.theme-custom:not(.has-gtab) .mobile-bottom-menu-item[href$="/download"]{color:rgba(0,0,0,.55)!important}
@media(prefers-reduced-motion:reduce){body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-item{transition:none}}
/* 11-03 23:2x 他「选中的图标 再浅一点点」:只调选中按钮的图标(黑 36% → 30%),文字仍是 36%。实心图标同样颜色看着比细笔画的字重一点 */
body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-item.gtab-on .mobile-bottom-menu-icon,
body.gtab-spectra .mobile-bottom-menu.theme-custom:not(.has-gtab) .mobile-bottom-menu-item[href$="/spectra"] .mobile-bottom-menu-icon,
body.gtab-journal .mobile-bottom-menu.theme-custom:not(.has-gtab) .mobile-bottom-menu-item[href$="/archives/category/journal"] .mobile-bottom-menu-icon,
body.gtab-explore .mobile-bottom-menu.theme-custom:not(.has-gtab) .mobile-bottom-menu-item[href$="/explore"] .mobile-bottom-menu-icon,
body.gtab-corner .mobile-bottom-menu.theme-custom:not(.has-gtab) .mobile-bottom-menu-item[href$="/corner"] .mobile-bottom-menu-icon,
body.gtab-app .mobile-bottom-menu.theme-custom:not(.has-gtab) .mobile-bottom-menu-item[href$="/download"] .mobile-bottom-menu-icon{color:rgba(0,0,0,.55)!important;transition:color .18s ease}
/* 11-04 01:4x 他「底栏的浅灰 再深一点点」:选中按钮 文字黑 36% → 42%、图标 30% → 36%(上面两条规则里改的;其余按钮仍 62%) */
/* 11-04 10:5x 他「激活的底栏不是改成灰色，而是改为黑色+透明度吧，试试50%透明度」(Claude):v13 = v12 + 选中按钮图标和文字都黑 50%(原 42% / 36%;其余按钮黑 62%);玻璃材质那几条不动 */
/* 11-04 11:0x 他「上沿换成Spectra那套四层边试试…先不改白色浓度」(Claude):v14 = v13 + 底栏上沿换成 Spectra 墙下玻璃同一套四层边——
   最上 1px 亮棱 → 1.5px 浅灰绿厚度边 → 1px 暗线 → 5.5px 内反光渐淡(和 exhibition.css 的 .gse-track::after 第一层一字不差),放在背景最上层;
   原来的两道内阴影(暗线 + 白线)去掉。白度 .80/.74、磨砂 11px、颗粒都不动 */
/* 11-04 11:1x 他「底栏去掉文字，放大一点图标，然后，增加选中的图标的透明度」+「白色浓度也改为跟Spectra一致吧」(Claude):v15 = v14 +
   ① 文字不显示(每个按钮 <a> 自带 aria-label,读屏照样念 Spectra / Journal …);
   ② 图标 24 → 28px(手机横屏 20 → 24px),在按钮里上下居中;按钮高度钉在原来的 57.19px(横屏 46px —— 原来横屏 Corner 那颗自绘笑脸图标没跟着缩、比别的高 4px,撑出来的),底栏总高不变;Corner 的笑脸(插件自带 SVG 图标,其余四个是字体图标)跟着一起放大,横屏也和其余四个一样 24px,页面底部留白不用动;
   ③ 选中按钮 黑 50% → 40%(上面两条选中规则里改的;其余按钮仍黑 62%);
   ④ 白度 = Spectra 墙下玻璃:上 .50 / 45% 处 .38 / 下 .32(原 .80 / .74,上面玻璃那条里改的)。磨砂 11px、颗粒、上沿四层边本来就一样 —— 现在底栏和 Spectra 那块是同一种玻璃 */
/* 11-04 11:4x 他「底栏文字加回去吧。透明度再加一点」(Claude):v16 = v15 + 文字加回来(去掉上面 v15 ① 那条隐藏规则,其余 v15 说明照旧)、选中按钮(图标和文字)黑 40% → 35%。
   图标保持 28px、底栏总高仍 73.19px(横屏 54px):按钮上下内边距 8 → 7px、图标和文字间距 4 → 2px,匀出图标放大的 4px(试过「内边距不动、间距 0」,笑脸几乎贴字,不选);
   图标框固定 28px 高(横屏 24px),小屏 26px 的笑脸也在框里居中,五个按钮的文字始终在同一条线上 */
/* 11-04 11:5x 他「底栏图标改小点，然后白色浓度加一些，现在太透了还是」(Claude):v17 = v16 + 图标 28 → 26px(横屏 24 → 22px,小屏笑脸 26 → 24px),
   按钮上下内边距回到原来的 8px、图标和文字间距仍 2px,底栏总高仍 73.19px(横屏 54px);白度在 Spectra 那套「上浓下淡」上整体加 .15:.50 / .38 / .32 → .65 / .53 / .47(上面玻璃那条里改的;
   上一轮嫌太白的是 .80 / .74)。磨砂、颗粒、上沿四层边仍和 Spectra 一样,只是白度比它浓 */
body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-item{box-sizing:border-box;min-height:57.1875px;padding-top:8px;padding-bottom:8px}
body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-icon{height:26px;margin-bottom:2px;font-size:26px}
body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-icon .dashicons,body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-icon .dashicons::before{width:26px;height:26px;font-size:26px}
body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-icon i{font-size:26px}
body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-icon .swpabm-georges-icon{width:26px;height:26px}
@media(max-width:360px){body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-icon .swpabm-georges-icon{width:24px;height:24px}}
@media (max-width:768px) and (orientation:landscape){
 body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-item{min-height:46px;padding-top:4px;padding-bottom:4px}
 body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-icon{height:22px;margin-bottom:2px;font-size:22px}
 body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-icon .dashicons,body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-icon .dashicons::before{width:22px;height:22px;font-size:22px}
 body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-icon i{font-size:22px}
 body .mobile-bottom-menu.theme-custom .mobile-bottom-menu-icon .swpabm-georges-icon{width:22px;height:22px}
}
/* 11-04 11:57 他「图标不变色了，统一改为60%透明度看看」(Claude):v18 = v17 + 五个按钮的图标和文字一律黑 40%(= 透明度 60%),选中 / 按下不再变色:
   上面「平时」那条 .62 → .4、两条「选中」规则 .35 → .4(规则和 tabbar.v3.js 的 .gtab-on 都留着,以后想恢复选中变色只改这两条的数) */
/* 11-04 11:5x 他「改为50%透明度」(Claude):v19 = v18 + 五个按钮图标和文字一律黑 40% → 50%(= 透明度 50%;上面三条里改的),选中仍不变色。v18 注释里的「12:0x」改正为实际上线时间 11:57 */
/* 11-04 15:02 他「底栏的透明度降低5%」(Claude):v20 = v19 + 玻璃白度三档各 +.05:.65 / .53 / .47 → .70 / .58 / .52(上面玻璃那条里改的);图标文字黑 50%、磨砂、颗粒、上沿都不动 */
/* 11-04 15:19 他「说错了 我说的是图标和文字」(Claude):v21 = 玻璃白度退回 v19 的 .65 / .53 / .47(v20 那次 +5% 是理解错了);五个按钮图标和文字透明度 50% → 45% = 黑 .5 → .55(上面三条里改的),选中仍不变色 */