/* ============================================================
   TargetCursor — React Bits (JavaScript + CSS variant)
   全屏固定层只画 4 个括号角 + 中心点 + 标签，指针事件全部穿透。
   ============================================================ */
/* 只用 0×0 定位原点 + 溢出的子元素，不铺满整个视口：
   全屏 fixed 层叠加 mix-blend-mode 会让浏览器每帧重新合成整屏纹理，
   在软件渲染 / 集显上代价极高。子元素仍以视口绝对坐标绘制。 */
.target-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: visible;
  z-index: 2147483647;
  pointer-events: none;
}

.target-cursor__corner {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border-style: solid;
  border-color: var(--target-cursor-color, #ffffff);
  transform-origin: 0 0;
}

.target-cursor__dot {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: var(--target-cursor-color, #ffffff);
}

.target-cursor__label {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--target-cursor-color, #ffffff);
  /* 站点化：中文小标签与导航 / 眉标同一套思源黑体，字距略开 */
  font-family: "Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
}