@charset "UTF-8";
/**
 * YH-UI Sass Variables
 * 原具体的 CSS 变量输出规则 (:root, html.dark 等) 已移至 root.scss，以防止各组件样式编译时产生重复的全局变量 CSS 冗余。
 */
/* 
  YH-UI 智能自适应主题引擎
  逻辑优先级：显式强制设置 > 全局环境感应 (html.dark) > 默认浅色
*/
.yh-tooltip {
  display: inline-block;
  line-height: var(--yh-line-height-none);
}
.yh-tooltip__popper {
  position: absolute;
  z-index: var(--yh-z-index-tooltip);
  font-size: var(--yh-font-size-sm);
  line-height: 1.6;
  border-radius: var(--yh-radius-md);
  max-width: 350px;
  word-wrap: break-word;
  box-shadow: var(--yh-shadow-lg);
  pointer-events: none;
  backdrop-filter: blur(12px) saturate(180%);
  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.2s ease, background-color 0.15s ease, border-color 0.15s ease;
  overflow: visible;
  /* 默认共享变量：确保 SVG 始终引用同一套变量 */
  --yh-tooltip-bg: var(--yh-bg-color-overlay);
  --yh-tooltip-border: var(--yh-border-color-light);
  --yh-tooltip-text: var(--yh-text-color-primary);
}
.yh-tooltip__popper.is-interactive {
  pointer-events: auto;
}
.yh-tooltip__popper {
  /* --- 1. 基础亮色样式 --- */
  background: var(--yh-tooltip-bg);
  color: var(--yh-tooltip-text);
  border: 1px solid var(--yh-tooltip-border);
  /* --- 2. 强行设定：暗黑模式 (Explicit) --- */
}
.yh-tooltip__popper.is-dark, .yh-tooltip__popper.yh-popover__popper--dark {
  --yh-tooltip-bg: var(--yh-text-color-primary);
  --yh-tooltip-border: transparent;
  --yh-tooltip-text: var(--yh-bg-color);
  background: var(--yh-tooltip-bg);
  color: var(--yh-tooltip-text);
  border: 1px solid var(--yh-tooltip-border);
}
.yh-tooltip__popper {
  /* --- 3. 核心：全局环境感应方案 --- */
  /* 当 HTML 或 Body 带有 .dark 类名时，强制切换变量 */
}
:root.dark .yh-tooltip__popper, html.dark .yh-tooltip__popper, body.dark .yh-tooltip__popper {
  --yh-tooltip-bg: var(--yh-bg-color-overlay);
  --yh-tooltip-border: var(--yh-border-color-light);
  --yh-tooltip-text: var(--yh-text-color-primary);
  background: var(--yh-tooltip-bg);
  color: var(--yh-tooltip-text);
  border: 1px solid var(--yh-tooltip-border);
  /* 重写阴影，增强对比 */
  box-shadow: var(--yh-shadow-xl);
}

.yh-tooltip {
  /* 内容区域适配 */
}
.yh-tooltip__content {
  padding: 8px 12px;
  box-sizing: border-box;
  color: inherit;
}

.yh-tooltip {
  /* SVG 小三角：通过 fill/stroke 强制同步变量 */
}
.yh-tooltip__arrow-wrapper {
  position: absolute;
  width: 12px;
  height: 12px;
  z-index: 5;
  fill: var(--yh-tooltip-bg) !important;
  stroke: var(--yh-tooltip-border) !important;
  pointer-events: none;
}

.yh-tooltip__arrow {
  display: block;
  fill: inherit !important;
  stroke: inherit !important;
  stroke-width: 1px;
  margin-top: -1px;
  transform-origin: center;
}

/* 动画系统 */
[data-placement^=top] .yh-tooltip__arrow {
  transform: rotate(0deg);
}

[data-placement^=bottom] .yh-tooltip__arrow {
  transform: rotate(180deg);
}

[data-placement^=left] .yh-tooltip__arrow {
  transform: rotate(-90deg);
}

[data-placement^=right] .yh-tooltip__arrow {
  transform: rotate(90deg);
}

.yh-tooltip-fade-enter-from,
.yh-tooltip-fade-leave-to {
  opacity: 0;
  transform: scale(0.96);
}