/* ---------- v3.462：左栏「固定入口」改成图二那种「分组 + 多列」面板 ----------
   业主口径（11-02）：「把图一变成图二模式」——
     图一 = 左栏「固定入口」：单列竖排 14 行，占掉 400 多像素高；
     图二 = 顶栏「我的 ▾」那张面板：小灰字分组标题 + 细分割线 + 多列图标条目。
   做法：
     1) 用固定入口.462.js 把 14 行按语义分成三组（内容 / 关于本站 / 页面），
        包进一张 .fxg 卡片里 —— DOM 里只是把原节点**搬到**新容器，不重建、不复制，
        所以 onclick / data-* / 计数全部照原样能用；
     2) 组内两列栅格（侧栏 320px → 每列约 142px），行高 30px，图标 15px 单色；
     3) 组与组之间一条 1px 细线 + 小灰字标题（跟「我的 ▾」面板同一套）；
     4) 卡片用 --panel / --line，圆角 10px，跟着主题走；
     5) 「页面」那一组只有 2 条且字长（强制刷新（清缓存）），让它单列通栏，不截字。
   回滚：index.html 里摘掉 fixedhome.462.css / .js 这两行即可，app1.461.js 一个字没动。
*/
#tbody .fxg{
  margin:2px 6px 8px;
  padding:5px 6px 6px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:10px;
  box-shadow:0 1px 2px rgba(20,30,60,.04);
}
#tbody .fxg-g + .fxg-g > .fxg-h{
  border-top:1px solid var(--line);
  margin-top:4px;
  padding-top:9px;
}
#tbody .fxg-h{
  font-size:11px;
  line-height:1;
  letter-spacing:.02em;
  color:var(--sub);
  padding:4px 4px 5px;
  user-select:none;
}
#tbody .fxg-b{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(120px,1fr));
  gap:2px 2px;
}
/* 「页面」组：只有两条且名字长，单列通栏 */
#tbody .fxg-g.fxg-one > .fxg-b{
  grid-template-columns:1fr;
}
/* 行本身：覆盖原来的 5px 8px 内边距和 padding-left 内联值 */
#tbody .fxg .tnode{
  height:30px;
  padding:0 7px !important;
  gap:6px;
  border-radius:6px;
  font-size:13px;
  min-width:0;
}
/* 原来行首那个「三角占位」在这里是空的，去掉省出图标位 */
#tbody .fxg .tnode > .car{
  display:none;
}
#tbody .fxg .tnode > .ic{
  flex:0 0 16px;
  width:16px;
  display:flex;
  align-items:center;
  justify-content:center;
}
#tbody .fxg .tnode > .ic .ico{
  width:15px;
  height:15px;
  opacity:.72;
}
#tbody .fxg .tnode:hover > .ic .ico,
#tbody .fxg .tnode.on > .ic .ico{
  opacity:1;
}
#tbody .fxg .tnode > .nm{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#tbody .fxg .tnode > .ct{
  flex:0 0 auto;
  font-size:11px;
  color:var(--sub);
  opacity:.75;
  margin-left:0;
}
#tbody .fxg .tnode.on > .ct{
  opacity:.95;
}
/* 选中态：细条收到 2px，圆角里不至于糊成一块 */
#tbody .fxg .tnode.on{
  box-shadow:inset 2px 0 0 var(--acc);
}
/* 触屏：行加高到 34px，手指好点（列数交给 auto-fill，自然会按宽度落到 2 列 / 1 列） */
@media (pointer:coarse){
  #tbody .fxg .tnode{height:34px}
}