/* ---------- v3.459 「更多 ▾」面板：改成幕布式单列清单 ----------
   只作用于 #mp-m（顶栏「更多 ▾」那个面板）。
   视图 / 导出 / 筛选 这三个面板一律不动（用户这次只要求改「更多」这一处）。
   改了什么：
     1) 三列网格 → 单列竖排；
     2) 每行固定 32px，图标 16px 单色线条 + 文字 13px + 右侧快捷键灰字；
     3) 分组标题（阅读与工具 / 朗读·书架·模板 / 摘录与引用）带一条细分隔线；
     4) hover 用中性浅灰（原来是蓝色 --acc2），跟幕布一致；
     5) 面板圆角收到 10px，阴影更轻。
   回滚：index.html 里摘掉本文件那一行 link 即可，app1.458.js 一个字没动。
*/
#mp-m{
  display:block;
  width:244px;
  min-width:244px;
  max-width:calc(100vw - 18px);
  max-height:min(72vh,580px);
  overflow-y:auto;
  overflow-x:hidden;
  padding:6px;
  border-radius:10px;
  box-shadow:0 6px 24px rgba(20,30,60,.10),0 1px 3px rgba(20,30,60,.06);
}
#mp-m > .glbl{
  grid-column:auto;
  display:block;
  font-size:11px;
  line-height:1;
  letter-spacing:.02em;
  color:var(--sub);
  padding:9px 8px 4px;
  margin-top:5px;
  border-top:1px solid var(--line);
}
#mp-m > .glbl:first-child{
  margin-top:0;
  padding-top:6px;
  border-top:0;
}
#mp-m > button{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  height:32px;
  padding:0 8px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--tx);
  font-size:13px;
  line-height:1;
  font-family:"Segoe UI Variable Text","Segoe UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
}
#mp-m > button:hover{
  background:var(--hov);
  color:var(--tx);
}
#mp-m > button .ico{
  width:16px;
  height:16px;
  flex:0 0 16px;
  margin:0;
  opacity:.7;
  vertical-align:0;
}
#mp-m > button:hover .ico{opacity:.95}
#mp-m > button .mt{
  flex:1 1 auto;
  overflow:hidden;
  text-overflow:ellipsis;
}
#mp-m > button .mk{
  flex:0 0 auto;
  font-size:11.5px;
  color:var(--sub);
  opacity:.85;
  letter-spacing:0;
  font-family:ui-monospace,Consolas,"Courier New",monospace;
}
#mp-m > button.danger:hover{
  background:color-mix(in srgb,var(--danger) 8%,transparent);
  color:var(--danger);
}
/* 手机上：整宽铺开，别贴着屏幕边 */
html.phone #mp-m{
  width:min(300px,calc(100vw - 16px));
  min-width:0;
}