/* 工作台共享悬浮提示（替代浏览器原生 title 提示）。
   由 /static/app/wb-tooltip.js 驱动；工作台主页面与卡片编辑器 iframe 共用。
   背景只用中性色：浅色主题深底白字，暗色主题浅底深字。 */
.wb-tooltip {
  --wb-tip-bg: var(--wb-ink, #1F1D1A);
  --wb-tip-fg: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  pointer-events: none;
  box-sizing: border-box;
  max-width: 280px;
  padding: 8px 10px;
  border-radius: 10px;
  background: var(--wb-tip-bg);
  color: var(--wb-tip-fg);
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: left;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.12s ease, visibility 0s linear 0.12s;
}

.wb-tooltip.is-visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.12s ease, visibility 0s;
}

.wb-tooltip b {
  display: block;
  font-weight: 600;
}

.wb-tooltip b + span {
  display: block;
  margin-top: 2px;
  opacity: 0.85;
}

/* data-placement 仅用于标记方向，无箭头；预留给需要按方向微调的场景 */
.wb-tooltip[data-placement="top"],
.wb-tooltip[data-placement="bottom"] {
  transform: none;
}

[data-theme="dark"] .wb-tooltip {
  --wb-tip-bg: #f1f1eb;
  --wb-tip-fg: #1F1D1A;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

@media (prefers-reduced-motion: reduce) {
  .wb-tooltip {
    transition: none;
  }
}