:root {
  --hud-heading: #000000d9;
}

.anno-hud-card {
  overflow-y: auto; /* 内容溢出时允许滚动 */
  scrollbar-width: none; /* Firefox 隐藏滚动条 */
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch; /* iOS 惯性滚动 */
}

.anno-hud-card > :first-child :first-child {
  margin-top: 0 !important;
}

.anno-hud-card::-webkit-scrollbar {
  width: 8px; /* 固定，不要在 :hover 再改变它 */
  height: 8px;
  background: transparent;
}
.anno-hud-card::-webkit-scrollbar-thumb {
  background: transparent; /* 默认透明 */
  border-radius: 4px;
}
.anno-hud-card:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3); /* 悬停时仅改变颜色，不改变宽度 */
}

/* 3) Firefox：同理，用 scrollbar-color 控制可见性，不改尺寸 */
.anno-hud-card {
  scrollbar-width: thin; /* 固定细滚动条 */
  scrollbar-color: transparent transparent; /* 默认透明 */
}
.anno-hud-card:hover {
  scrollbar-color: rgba(0, 0, 0, 0.3) transparent; /* 悬停时才显色 */
}
.anno-hud-card img {
  max-width: 300px;
  max-height: 200px;
  display: block;
  border-radius: 5px;
}

.hud-card h1,
.hud-card h2,
.hud-card h3,
.hud-card h4,
.hud-card h5,
.hud-card h6,
.anno-hud-card h1,
.anno-hud-card h2,
.anno-hud-card h3,
.anno-hud-card h4,
.anno-hud-card h5,
.anno-hud-card h6 {
  color: var(--hud-heading);
}