/* ===== 子栏目底部弹层：顶级栏目挂子栏目时，点按钮从屏幕下方弹出子栏目列表（一行 3 个，图标 + 下方文字） ===== */
.mnav-mask{position:fixed;inset:0;z-index:999996;display:none;background:rgba(0,0,0,.45);opacity:0;transition:opacity .24s ease}
.mnav-mask.on{opacity:1}
.mnav-mask .mnav-sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:18px 18px 0 0;
  max-height:78vh;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateY(100%);
  transition:transform .28s cubic-bezier(.22,.61,.36,1);box-shadow:0 -10px 34px rgba(0,0,0,.2);
  padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.mnav-mask.on .mnav-sheet{transform:translateY(0)}
.mnav-mask .mnav-sheet::before{content:'';display:block;width:40px;height:4px;border-radius:2px;background:var(--cf-cyan-18, #e5e7eb);margin:8px auto 0}
.mnav-sheet-h{position:sticky;top:0;z-index:2;background:#fff;display:flex;align-items:center;gap:10px;
  padding:12px 16px 10px;border-bottom:1px solid var(--cf-cyan-19, #f0f1f4);border-radius:18px 18px 0 0}
.mnav-sheet-h b{flex:1;min-width:0;font-size:17.5px;color:var(--cf-cyan-03, #1f2937);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mnav-sheet-x{flex:none;width:30px;height:30px;border-radius:50%;background:var(--cf-cyan-19, #f3f4f6);color:var(--cf-cyan-09, #6b7280);
  display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;line-height:1}
.mnav-sheet-x:active{background:var(--cf-cyan-18, #e8eaee)}
.mnav-sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 2px;padding:12px 8px 4px}
.mnav-cell{display:flex;flex-direction:column;align-items:center;padding:10px 4px;cursor:pointer;border-radius:14px;transition:background .15s}
.mnav-cell:active{background:var(--cf-cyan-19, #f6f8fb)}
.mnav-cell .mi{position:relative;width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:27px;margin-bottom:8px;overflow:visible;box-shadow:0 4px 12px rgba(0,0,0,.14)}
.mnav-cell .mi i{font-size:27px;line-height:1}
.mnav-cell .mi img{width:100%;height:100%;object-fit:cover;border-radius:16px}
.mnav-cell .mi .mb{position:absolute;right:-4px;bottom:-4px;background:#fff;color:var(--cf-cyan-11, #3f6fd6);font-size:11px;font-weight:700;
  border-radius:8px;padding:1px 5px;box-shadow:0 1px 4px rgba(0,0,0,.18);white-space:nowrap;line-height:1.5}
.mnav-cell .mn{font-size:14.5px;color:var(--cf-cyan-05, #374151);text-align:center;line-height:1.35;max-width:100%;word-break:break-word}