/* ============================================================
   自定义光标 - Win11 概念版 (SVG 矢量图)
   - 白色模式：深色光标 + 白色描边
   - 黑色模式：浅色光标 + 深色描边
   ============================================================ */

/* 隐藏系统光标 */
* {
  cursor: none !important;
}

/* 自定义光标容器 - 强制 GPU 渲染，零延迟跟手 */
#custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  pointer-events: none;
  z-index: 99999;
  will-change: transform;
  transform: translateZ(0) rotate(-45deg);
}

/* SVG 光标 */
#custom-cursor svg {
  width: 100%;
  height: 100%;
  display: block;
  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.4));
}

/* 白色模式：深色填充 + 白色描边 */
html[data-theme='light'] #custom-cursor .cursor-fill {
  fill: #1a1a1a;
}
html[data-theme='light'] #custom-cursor .cursor-stroke {
  stroke: white;
}

/* 黑色模式：浅色填充 + 深色描边 */
html[data-theme='dark'] #custom-cursor .cursor-fill {
  fill: #f5f5f5;
}
html[data-theme='dark'] #custom-cursor .cursor-stroke {
  stroke: #333;
}

/* 点击时缩放反馈 */
#custom-cursor.clicking {
  transform: translate3d(var(--cx, 0), var(--cy, 0), 0) scale(0.9);
}

/* 触屏设备 + 移动端隐藏自定义光标 */
@media (hover: none) and (pointer: coarse),
       (max-width: 768px) {
  * {
    cursor: auto !important;
  }
  #custom-cursor {
    display: none !important;
  }
}