/* 艾派互联 · 手机端底部标签栏（只有 ≤820px 显示）
   顶部汉堡菜单保留（那里放全站 8 个入口），底栏只放最常用的 5 个：
   首页 / 下载 / 教程 / 套餐 / 我的。
   桌面端完全不显示，也不占位。 */
.mnav{display:none}

@media(max-width:820px){
  /* 给底栏留出高度，免得盖住页面最下面的内容 */
  body{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}

  .mnav{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;
    height:calc(58px + env(safe-area-inset-bottom,0px));
    padding-bottom:env(safe-area-inset-bottom,0px);
    background:rgba(15,20,28,.96);
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
    border-top:1px solid var(--line);
    box-shadow:0 -10px 26px rgba(0,0,0,.38);
  }
  .mnav a{
    flex:1 1 0;min-width:0;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    font-size:11px;line-height:1.15;color:var(--ink-3);
    -webkit-tap-highlight-color:transparent;
    transition:color var(--t);
  }
  .mnav a svg{
    width:21px;height:21px;display:block;
    fill:none;stroke:currentColor;stroke-width:1.7;
    stroke-linecap:round;stroke-linejoin:round;
  }
  .mnav a:active{color:var(--ink-2)}
  .mnav a.on{color:var(--accent)}
}