.bili-uid-badge {

  margin-left: 4px;

  font-size: 0.85em;

  color: #9499a0;

  font-weight: normal;

  white-space: nowrap;

  user-select: all;

  vertical-align: baseline;

  display: inline;

  line-height: inherit;

}



.bili-uid-badge:hover {

  color: #00aeec;

}



/* 评论区 / 推荐区：昵称行内展示 UID + 打标槽位 */

#user-name,

.user-name,

bili-comment-user-renderer,

.upname {

  overflow: visible !important;

}



#user-name .bili-uid-badge,

.user-name .bili-uid-badge,

bili-comment-user-renderer .bili-uid-badge,

bili-comment-user-renderer .biliindex-quick-wrap,

.upname .biliindex-quick-wrap {

  display: inline-flex;

  align-items: center;

  vertical-align: middle;

  flex-shrink: 0;

}



.biliindex-quick-wrap {

  display: inline-flex;

  align-items: center;

  gap: 4px;

  margin-left: 4px;

  vertical-align: middle;

  position: relative;

  z-index: 20;

  pointer-events: auto;

  font-size: inherit;

  line-height: inherit;

  flex-shrink: 0;

}



.biliindex-oval {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  box-sizing: border-box;

  min-width: 20px;

  min-height: 1.15em;

  height: auto;

  padding: 1px 7px;

  border-radius: 999px;

  background: rgba(148, 153, 160, 0.35);

  color: inherit;

  font-size: inherit;

  font-family: inherit;

  line-height: 1.15;

  white-space: nowrap;

  max-width: 7em;

  overflow: hidden;

  text-overflow: ellipsis;

  cursor: pointer;

  transition: background 0.15s;

  vertical-align: middle;

}



.biliindex-oval:not(.biliindex-oval-filled) {

  min-width: 22px;

  padding: 1px 4px;

}



.biliindex-oval:not(.biliindex-oval-filled)::before {

  content: "";

  display: block;

  width: 14px;

  height: 0.55em;

  border-radius: 999px;

  background: rgba(148, 153, 160, 0.5);

}



.biliindex-oval.biliindex-oval-filled {

  background: rgba(0, 174, 236, 0.2);

  color: inherit;

  font-weight: normal;

}



.biliindex-oval.biliindex-oval-filled::before {

  display: none;

}



.biliindex-oval:hover,

.biliindex-quick-wrap:hover .biliindex-oval:not(.biliindex-oval-filled) {

  background: rgba(0, 174, 236, 0.35);

}



.biliindex-quick-wrap.biliindex-tagged .biliindex-oval-filled {

  background: rgba(0, 174, 236, 0.28);

}



.biliindex-tag-menu {

  position: absolute;

  left: 0;

  top: calc(100% + 4px);

  z-index: 99999;

  min-width: 100px;

  padding: 4px;

  background: #fff;

  border: 1px solid #e3e5e7;

  border-radius: 6px;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);

  display: flex;

  flex-direction: column;

  gap: 2px;

  pointer-events: auto;

}



.biliindex-tag-menu button {

  text-align: left;

  padding: 6px 8px;

  border: none;

  background: transparent;

  border-radius: 4px;

  cursor: pointer;

  font-size: 12px;

  color: #18191c;

}



.biliindex-tag-menu button:hover {

  background: #f1f2f3;

}



.biliindex-tag-empty {

  padding: 8px 10px;

  font-size: 12px;

  color: #9499a0;

  line-height: 1.4;

  max-width: 200px;

}



.upname .name + .bili-uid-badge,

.upname .bili-uid-badge,

.bili-video-card__info--author .bili-uid-badge,

.bili-feed-card__author .bili-uid-badge {

  margin-left: 2px;

  flex-shrink: 0;

}



/* 推荐卡片内阻止点击穿透到视频链接 */

a .biliindex-quick-wrap,

a .biliindex-oval,

.video-page-card-small .biliindex-quick-wrap {

  position: relative;

  z-index: 30;

}


