/* 手机底栏 + 抽屉 · 桌面隐藏 */
:root{
  --mnav-h:56px;
  --mnav-safe:env(safe-area-inset-bottom,0px);
}
.mnav-tabbar,.mnav-drawer,.mnav-mask{display:none}

@media (max-width:768px){
  body.has-mnav{padding-bottom:calc(var(--mnav-h) + var(--mnav-safe) + 8px)}
  /* 手机顶栏不再塞一长串导航，改走底栏「漫剧」+ 页内快捷栏 */
  .header-inner .nav-left{display:none !important}
  .header-inner{gap:8px}

  .mnav-tabbar{
    display:flex;
    position:fixed;left:0;right:0;bottom:0;z-index:200;
    height:calc(var(--mnav-h) + var(--mnav-safe));
    padding:0 4px var(--mnav-safe);
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(12px);
    border-top:1px solid #f3f4f6;
    box-shadow:0 -4px 20px rgba(0,0,0,.06);
    align-items:stretch;justify-content:space-around;
  }
  .mnav-tab{
    flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:2px;text-decoration:none;color:#9ca3af;font-size:10px;font-weight:500;
    border:none;background:none;cursor:pointer;padding:6px 2px;font-family:inherit;-webkit-tap-highlight-color:transparent;
  }
  .mnav-tab .ico{font-size:18px;line-height:1}
  .mnav-tab.active{color:#ec4899;font-weight:700}
  .mnav-tab.more-btn.active{color:#6366f1}

  .mnav-mask{
    display:none;position:fixed;inset:0;z-index:210;
    background:rgba(15,15,20,.45);
  }
  .mnav-mask.show{display:block}

  .mnav-drawer{
    display:block;position:fixed;left:0;right:0;bottom:0;z-index:220;
    background:#fff;border-radius:16px 16px 0 0;
    padding:12px 16px calc(16px + var(--mnav-safe));
    transform:translateY(110%);transition:transform .28s ease;
    max-height:72vh;overflow-y:auto;
    box-shadow:0 -8px 32px rgba(0,0,0,.12);
  }
  .mnav-drawer.open{transform:translateY(0)}
  .mnav-drawer-handle{width:36px;height:4px;border-radius:2px;background:#e5e7eb;margin:0 auto 12px}
  .mnav-drawer-title{font-size:13px;font-weight:600;color:#6b7280;margin-bottom:10px}
  .mnav-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
  .mnav-grid a{
    display:flex;flex-direction:column;align-items:center;gap:6px;
    padding:12px 6px;border-radius:12px;text-decoration:none;color:#374151;font-size:12px;
    background:#f9fafb;transition:background .15s;
  }
  .mnav-grid a:active{background:#fdf2f8}
  .mnav-grid .ico{font-size:22px}
  .mnav-grid a.accent{color:#f59e0b}
}

/* 分享弹层 */
.xx-share-mask{display:none;position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.5);align-items:flex-end;justify-content:center}
.xx-share-mask.show{display:flex}
.xx-share-sheet{width:100%;max-width:420px;background:#fff;border-radius:16px 16px 0 0;padding:20px 18px calc(18px + env(safe-area-inset-bottom,0px))}
.xx-share-sheet h3{font-size:16px;margin-bottom:6px}
.xx-share-sheet p{font-size:13px;color:#6b7280;margin-bottom:14px;line-height:1.5}
.xx-share-actions{display:flex;flex-direction:column;gap:8px}
.xx-share-actions button{
  padding:12px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;
  font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;
}
.xx-share-actions button.primary{background:linear-gradient(135deg,#ec4899,#f97316);color:#fff;border:none}
.xx-share-guide{display:none;text-align:center;padding:8px 0 4px}
.xx-share-guide.show{display:block}
.xx-share-guide .arrow{font-size:28px;color:#ec4899;animation:xxBounce 1.2s infinite}
@keyframes xxBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}