/* ============================================================
   nav-bell.css —— 公共导航右上角铃铛通知图标视觉优化
   导航底色保持首页原版「白色磨砂玻璃」不变，这里只调整铃铛：
   · 铃铛图标：精致线性描边风格，纯黑 #000000，边缘锐利（SVG 图标资源内嵌，
     替换原 iconfont 字形，不改任何 DOM 结构/业务逻辑）
   · hover：不增加任何底色/蒙层，仅保留 pointer 手型
   · 未读红点：#F5222D 正红色
   不改点击弹窗、消息读取、未读计数等任何业务逻辑。
   ============================================================ */
.user-ts{ cursor:pointer; }

/* 让未读红点锚定在铃铛右上角（akc-nav 布局中铃铛是 flex 项，relative 不改变位置） */
.akc-nav-right .user-ts{ position:relative !important; }

/* 用精致线性铃铛 SVG 替换 iconfont 字形（仅换图标资源 + 样式） */
.user-ts i{
  display:inline-block;
  width:22px;
  height:22px;
  font-size:0 !important;      /* 隐藏旧 iconfont 字形 */
  line-height:0;
  color:transparent;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E") no-repeat center / contain;
  vertical-align:middle;
}

/* hover：无底色/无蒙层，仅手型；图标本身保持黑色不变 */
.user-ts:hover{
  background: transparent !important;
  box-shadow: none !important;
}

/* 未读红点：#F5222D 正红，白色描边让红点在白色磨砂底上更醒目 */
.user-ts .tsnum{
  position:absolute;
  top:-4px;
  right:-6px;
  min-width:18px;
  height:18px;
  line-height:18px;
  padding:0 5px;
  font-size:11px;
  font-weight:700;
  background:#F5222D !important;
  color:#fff !important;
  border-radius:999px;
  box-shadow:0 0 0 2px #fff;
}