/* SOGAY 导航简化（2026-10）：
   顶部三格 [雷达地图 | 许愿墙 | 群聊广场]；VIP 缩成皇冠放左上角，与右上（语言+菜单）两两对称；
   底栏只留 动态 / 地点 / 私信 三项并带文字。只加不改 app.css，删掉本文件的 <link> 即可回滚。 */

/* ---------- 顶栏：左 = 筛选 + 皇冠(VIP)，右 = 语言 + 菜单 ---------- */
.top-left{display:flex;align-items:center;gap:8px}
#topbar .plus-cta{
  position:static;transform:none;width:46px;height:46px;padding:0;border-radius:14px;
  font-size:0;letter-spacing:0;animation:none;display:grid;place-items:center;color:var(--ink);
  background:var(--glass);border:1px solid rgba(255,196,64,.5);box-shadow:0 0 12px rgba(255,170,40,.22);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
#topbar .plus-cta::before{content:"👑";display:block;font-size:20px;line-height:46px}
#topbar .plus-cta:active{transform:scale(.92)}
#topbar .plus-cta.vip{border-color:#ffc440;box-shadow:0 0 16px rgba(255,196,64,.6)}
@media(max-width:400px){ .brand .radar{display:none} }   /* 手机上让出位置：左边多了皇冠，品牌只留 SOGAY，避免压住两侧图标 */

/* ---------- 顶部三格：雷达地图 | 许愿墙 | 群聊广场 ---------- */
#tabbar{
  display:none;position:fixed;left:0;right:0;z-index:19;gap:8px;padding:9px 14px 4px;
  top:calc(max(10px,env(safe-area-inset-top)) + 66px);
}
#topbar:not([hidden]) ~ #tabbar{display:flex}
#tabbar .tab{
  flex:1;position:relative;height:38px;display:flex;align-items:center;justify-content:center;
  border-radius:12px;font-size:14px;font-weight:600;letter-spacing:.5px;color:#a9b8d4;cursor:pointer;
  background:rgba(9,16,30,.82);border:1px solid rgba(var(--glow-rgb),.28);text-decoration:none;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:inherit;
}
#tabbar .tab:active{transform:scale(.97)}
#tabbar .tab.on{background:linear-gradient(100deg,#1f6fe0,#2bd9ff);color:#04121a;border-color:transparent;font-weight:800;
  box-shadow:0 4px 14px rgba(var(--glow-rgb),.35)}
#tabbar .tab.wish{color:#ffd9a0;border-color:rgba(245,166,35,.6);background:linear-gradient(100deg,rgba(245,166,35,.16),rgba(245,166,35,.06))}
#tabbar .tab-new{position:absolute;top:-6px;right:-3px;font-size:9px;line-height:1;font-style:normal;font-weight:700;
  background:#e5484d;color:#fff;border-radius:6px;padding:2px 5px}

/* 三格占了顶栏下面一行，状态药丸/弹幕整体下移 */
#statusPill{top:calc(env(safe-area-inset-top) + 132px)}
#liveFeed{top:calc(env(safe-area-inset-top) + 154px)}
@media (max-width:480px){#liveFeed{top:calc(env(safe-area-inset-top) + 172px)}}

/* ---------- 底栏：动态 / 地点 / 私信，图标 + 文字 ---------- */
#bottomnav{justify-content:space-around;padding:6px 12px max(8px,calc(env(safe-area-inset-bottom) + 2px))}
#bottomnav .nav-left,#bottomnav .nav-right{display:contents}
#bottomnav .nav-ico{
  width:auto;min-width:84px;height:54px;border:0;background:transparent;border-radius:12px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  color:#b6c3dc;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;
}
#bottomnav .nav-ico .nl{font-size:11.5px;line-height:1;letter-spacing:.5px}
#bottomnav .nav-ico:active{background:rgba(var(--glow-rgb),.12)}
#bottomnav #lobbyBtn{display:none}            /* 群聊广场已移到顶部三格；元素保留，脚本仍可 .click() */
#bottomnav #inboxBtn .badge{top:4px;right:calc(50% - 22px)}

/* ---------- 减法：去掉与新导航重复/吵闹的浮层（只隐藏，不删代码；删掉本段即恢复） ---------- */
#homePanel,#liveFeed{display:none !important}   /* 「当前聊天情况」大面板(入口已在顶部「群聊广场」) + 滚动弹幕条 */

/* ---------- 不在首页展示在线人数（人少会把新来的人吓走） ---------- */
#statusPill:not(.offline){display:none !important}     /* 只在掉线时显示「点击恢复」，正常不显示「N 人在线」 */
#userStripBtn .usb-label,#userStripCount{display:none}  /* 「附近的人」入口保留，只去掉数字 */
#userStripBtn::before{content:"👥";font-size:15px;line-height:1}
