/* =========================================================================
   gold-cursor.css — Global cursor override (§25)
   
   Hides system pointer site-wide. The gold dot is rendered by either
   scripts/gold-cursor.js (pages without custom cursor) or the page's own
   .cursor-dot implementation.
   ========================================================================= */

/* 全站强制隐藏系统光标 */
html, body, *, *::before, *::after {
  cursor: none !important;
}

/* 仅文本输入类元素保留 text 光标 */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="url"],
input[type="tel"],
textarea,
[contenteditable="true"] {
  cursor: text !important;
}

/* ── Gold cursor dot (used by scripts/gold-cursor.js) ──── */
.gold-cursor {
  position: fixed;
  top: 0; left: 0;
  width: 12px; height: 12px;
  border-radius: 50%;
  background: radial-gradient(circle, #f0d78a 0%, rgba(240,215,138,0.7) 35%, rgba(240,215,138,0.2) 55%, transparent 70%);
  pointer-events: none;
  z-index: 2147483647;
  transform: translate(-50%, -50%);
  transition: width 200ms ease, height 200ms ease, filter 200ms ease;
  will-change: transform;
  filter: drop-shadow(0 0 6px rgba(240,215,138,0.45)) drop-shadow(0 0 12px rgba(200,155,95,0.25));
}

.gold-cursor.hover {
  width: 24px; height: 24px;
  filter: drop-shadow(0 0 10px rgba(240,215,138,0.6)) drop-shadow(0 0 20px rgba(200,155,95,0.35));
}

/* ── Legacy .cursor-dot — force high z-index so cursor stays
   above all modals (which use z-index ≤ 100000). Also apply
   the same radial-gradient glow as .gold-cursor. ─────────── */
.cursor-dot,
.cursor-hint {
  z-index: 2147483647 !important;
}

/* Override page-specific .cursor-dot styles for uniform glow across all pages */
.cursor-dot {
  background: radial-gradient(circle, #f0d78a 0%, rgba(240,215,138,0.7) 35%, rgba(240,215,138,0.2) 55%, transparent 70%) !important;
  width: 12px !important; height: 12px !important;
  border: none !important;
  box-shadow: none !important;
  transition: width 200ms ease, height 200ms ease, filter 200ms ease !important;
  filter: drop-shadow(0 0 6px rgba(240,215,138,0.45)) drop-shadow(0 0 12px rgba(200,155,95,0.25)) !important;
}
.cursor-dot.hover {
  width: 24px !important; height: 24px !important;
  background: radial-gradient(circle, #f0d78a 0%, rgba(240,215,138,0.7) 35%, rgba(240,215,138,0.2) 55%, transparent 70%) !important;
  border: none !important;
  box-shadow: none !important;
  filter: drop-shadow(0 0 10px rgba(240,215,138,0.6)) drop-shadow(0 0 20px rgba(200,155,95,0.35)) !important;
}

/* ── Reduced-motion: disable cursor animations ───────────── */
@media (prefers-reduced-motion: reduce) {
  .gold-cursor {
    transition: none;
  }
}