/* ============================================================
   顶栏整理（2026-09-15 · 开发员16号）
   用户要求：
     ① 顶栏不再显示「VIP · 0 豆」额度胶囊
     ② 通知小喇叭往右移，与刷新按钮挨近

   为什么用独立文件、而不是改 style.css / vip.css：
     这两个文件是并发高发区（会员系统由同事维护）。
     独立文件 + 排在最后加载 → 靠「同特异性时后出现者胜出」覆盖；
     将来要撤销，只需删掉 index.html 里那一行 link。

   ⚠️ 用 CSS 隐藏而不是删 DOM：app.js 有
      `$('quotaChip').addEventListener('click', openRedeem)`
      —— 元素不存在会让整个 IIFE 抛错（加载期正常、点击时才爆），
      所以只能视觉隐藏。
   ============================================================ */

/* ① 隐藏「VIP · 0 豆」额度胶囊。
   🔴 必须加 !important：app.js 的 refreshQuota() 与 vip.js 都会把它的
   inline display 置为 ''，普通规则盖不住 inline 样式。
   副作用：该胶囊点击绑的是「卡密兑换」，但兑换入口另有两处
   （运营页功能卡 + 「全部功能」列表），豆子余额在「我的」页可见 → 无功能损失。 */
.topbar-inner > .quota-chip {
  display: none !important;
}

/* ② 喇叭与刷新按钮在顶栏最右组成一组、紧贴。
   🔴 根因：.topbar-inner 是 `justify-content: space-between`，
   flex 子项之间的空隙是**平均分配**出来的，不是 margin 撑的 ——
   所以只调 margin-right/left 的数值没用。给喇叭一个 auto 左外边距，
   它会吸收全部剩余空间，使「喇叭 + 刷新」一起贴到最右。
   （特异性 (0,2,0) 高于 notices.css 的 `.nt-bell{margin-left:8px}`，故此处胜出） */
.topbar-inner > .nt-bell {
  margin-left: auto;
}