/**
 * 官网的自定义鼠标指针 —— 与应用同一套（src/styles/cursors.css）。
 *
 * 🔴 **两处是复制关系，不是自动同步的。** 改了图形或配色，
 * 应用那份和这份都要改，否则官网和应用会出现两套光标 ——
 * 和品牌标那 8 处同一个道理（交接手册 §4.10）。
 *
 * 官网没有 ant-design-vue，也不切换深浅主题，所以只保留变量 +
 * 链接、按钮、标签与输入区，比应用那份短。
 */
:root {
  /* 箭头：填充式（比线条更好认）。热点 = 笔尖 (3, 2.1) × 28/24 */
  --cur-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cpath d='M3 2.1 3 18.4 7.4 14.4 10.2 20.6 12.9 19.4 10.2 13.4 15.4 13.1Z' fill='%23F5A623' stroke='%2324252C' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 4 2, default;

  /* 点击手型：食指竖起。热点 = 指尖 (9.6, 4) × 28/24 */
  --cur-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%2324252C' stroke-width='3.4'%3E%3Cpath d='M8.2 13.2V5.4a1.7 1.7 0 0 1 3.4 0v6.4'/%3E%3Cpath d='M11.6 11.6v-1a1.7 1.7 0 0 1 3.4 0v1.4'/%3E%3Cpath d='M15 12.2v-.6a1.7 1.7 0 0 1 3.4 0v1.6'/%3E%3Cpath d='M18.4 13.4v-.4a1.7 1.7 0 0 1 3.4 0v3.4c0 3.5-2.7 6.1-6.2 6.1h-1.6c-2.3 0-3.7-.8-5-2.1l-3-3a1.7 1.7 0 0 1 2.4-2.4l1.8 1.8'/%3E%3C/g%3E%3Cg stroke='%23F5A623' stroke-width='1.7'%3E%3Cpath d='M8.2 13.2V5.4a1.7 1.7 0 0 1 3.4 0v6.4'/%3E%3Cpath d='M11.6 11.6v-1a1.7 1.7 0 0 1 3.4 0v1.4'/%3E%3Cpath d='M15 12.2v-.6a1.7 1.7 0 0 1 3.4 0v1.6'/%3E%3Cpath d='M18.4 13.4v-.4a1.7 1.7 0 0 1 3.4 0v3.4c0 3.5-2.7 6.1-6.2 6.1h-1.6c-2.3 0-3.7-.8-5-2.1l-3-3a1.7 1.7 0 0 1 2.4-2.4l1.8 1.8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 11 5, pointer;

  /* 拖动小手（张开）。热点 = 手掌中心 (12, 12) × 28/24 */
  --cur-grab: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%2324252C' stroke-width='3.4'%3E%3Cpath d='M18 11V6.4a1.7 1.7 0 0 0-3.4 0'/%3E%3Cpath d='M14.6 10V4.6a1.7 1.7 0 0 0-3.4 0v1.8'/%3E%3Cpath d='M11.2 10.4V6.2a1.7 1.7 0 0 0-3.4 0v7.6'/%3E%3Cpath d='M18 8.4a1.7 1.7 0 0 1 3.4 0v5.8c0 4.1-3 7-7 7h-1.6c-2.4 0-3.9-.8-5.2-2.1l-3.1-3.1a1.7 1.7 0 0 1 2.4-2.4l1.5 1.5'/%3E%3C/g%3E%3Cg stroke='%23F5A623' stroke-width='1.7'%3E%3Cpath d='M18 11V6.4a1.7 1.7 0 0 0-3.4 0'/%3E%3Cpath d='M14.6 10V4.6a1.7 1.7 0 0 0-3.4 0v1.8'/%3E%3Cpath d='M11.2 10.4V6.2a1.7 1.7 0 0 0-3.4 0v7.6'/%3E%3Cpath d='M18 8.4a1.7 1.7 0 0 1 3.4 0v5.8c0 4.1-3 7-7 7h-1.6c-2.4 0-3.9-.8-5.2-2.1l-3.1-3.1a1.7 1.7 0 0 1 2.4-2.4l1.5 1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 14 14, grab;

  /* 抓取中（握拳）：和张开手是同一只手，收拢即可 —— 两个形态要看得出是一套 */
  --cur-grabbing: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%2324252C' stroke-width='3.4'%3E%3Cpath d='M17.6 12.6v-1.4a1.6 1.6 0 0 0-3.2 0'/%3E%3Cpath d='M14.4 11.6v-1a1.6 1.6 0 0 0-3.2 0v1'/%3E%3Cpath d='M11.2 11.8v-.8a1.6 1.6 0 0 0-3.2 0v2.6'/%3E%3Cpath d='M17.6 11.4a1.6 1.6 0 0 1 3.2 0v3c0 3.9-2.9 6.7-6.7 6.7h-1.5c-2.3 0-3.7-.8-5-2l-3-3a1.6 1.6 0 0 1 2.3-2.3l1.4 1.4'/%3E%3C/g%3E%3Cg stroke='%23F5A623' stroke-width='1.7'%3E%3Cpath d='M17.6 12.6v-1.4a1.6 1.6 0 0 0-3.2 0'/%3E%3Cpath d='M14.4 11.6v-1a1.6 1.6 0 0 0-3.2 0v1'/%3E%3Cpath d='M11.2 11.8v-.8a1.6 1.6 0 0 0-3.2 0v2.6'/%3E%3Cpath d='M17.6 11.4a1.6 1.6 0 0 1 3.2 0v3c0 3.9-2.9 6.7-6.7 6.7h-1.5c-2.3 0-3.7-.8-5-2l-3-3a1.6 1.6 0 0 1 2.3-2.3l1.4 1.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 14 15, grabbing;

  /* 放大镜。热点 = 镜心 (10.5, 10.5) × 28/24 */
  --cur-zoom-in: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cg stroke='%2324252C' stroke-width='3.6'%3E%3Ccircle cx='10.5' cy='10.5' r='6.6'/%3E%3Cpath d='M15.4 15.4 21 21M8 10.5h5M10.5 8v5'/%3E%3C/g%3E%3Cg stroke='%23F5A623' stroke-width='1.9'%3E%3Ccircle cx='10.5' cy='10.5' r='6.6'/%3E%3Cpath d='M15.4 15.4 21 21M8 10.5h5M10.5 8v5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 12 12, zoom-in;

  --cur-zoom-out: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cg stroke='%2324252C' stroke-width='3.6'%3E%3Ccircle cx='10.5' cy='10.5' r='6.6'/%3E%3Cpath d='M15.4 15.4 21 21M8 10.5h5'/%3E%3C/g%3E%3Cg stroke='%23F5A623' stroke-width='1.9'%3E%3Ccircle cx='10.5' cy='10.5' r='6.6'/%3E%3Cpath d='M15.4 15.4 21 21M8 10.5h5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 12 12, zoom-out;

  /**
   * 文本 I 型。热点 = 竖线中点 (12, 12) × 28/24。
   * 上下衬线不能省 —— 只画一根竖线，落在文字中间根本认不出来是光标。
   * 比系统 I 型略粗一点：细线配上深色描边后在深色底上会糊成一团。
   */
  --cur-text: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cg stroke='%2324252C' stroke-width='4'%3E%3Cpath d='M12 4.5v15M9.2 4.5h5.6M9.2 19.5h5.6'/%3E%3C/g%3E%3Cg stroke='%23F5A623' stroke-width='1.9'%3E%3Cpath d='M12 4.5v15M9.2 4.5h5.6M9.2 19.5h5.6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 14 14, text;
}


html {
  cursor: var(--cur-default);
}

a[href],
button,
summary,
label[for],
select,
[role="button"] {
  cursor: var(--cur-pointer);
}

/* UA stylesheet 给 label 设了 cursor:default，会截断继承，必须显式盖掉 */
label {
  cursor: var(--cur-default);
}

input,
textarea {
  cursor: var(--cur-text);
}