/* ---------- 强制隐藏系统指针 ---------- */
html, body, * , *::before, *::after {
  cursor: none !important;
}

/* ---------- 内圈与外圈基础布局 ---------- */
#cursor-dot,
#cursor-outline {
  position: fixed;
  pointer-events: none;
  z-index: 2147483647;
  transform: translate(-50%, -50%);
  will-change: left, top, transform;
}

/* 内圈：蓝绿色，非悬停状态 */
#cursor-dot {
  width: 6px;
  height: 6px;
  background: rgba(30, 140, 130, 0.95); /* 深蓝绿色 */
  border-radius: 50%;
  transition: background 0.18s ease, box-shadow 0.18s ease;
  box-shadow: 0 0 5px rgba(30,140,130,0.9);
}

/* 外圈：蓝绿色渐变，非悬停状态 */
#cursor-outline {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(30,150,140,0.55) 0%, rgba(20,120,110,0.35) 50%, rgba(15,100,90,0.12) 100%);
  box-shadow: 0 0 12px rgba(30,140,130,0.45), inset 0 0 6px rgba(30,160,150,0.08);
  opacity: 0.95;
  transition:
    width 0.28s cubic-bezier(.2,.9,.2,1),
    height 0.28s cubic-bezier(.2,.9,.2,1),
    background 0.28s ease,
    box-shadow 0.28s ease,
    opacity 0.28s ease;
  animation: pulse-color 2.6s ease-in-out infinite;
  transform-origin: center center;
}

/* 默认呼吸动画 */
@keyframes pulse-color {
  0%   { transform: translate(-50%, -50%) scale(1);   opacity: 0.9; }
  50%  { transform: translate(-50%, -50%) scale(1.14); opacity: 1; }
  100% { transform: translate(-50%, -50%) scale(1);   opacity: 0.9; }
}

/* 悬停可点击元素：高级红色渐变 */
.cursor-hover #cursor-dot {
  background: rgba(220, 50, 50, 0.95); /* 内圈红色 */
  box-shadow: 0 0 5px rgba(220,50,50,0.9);
}

.cursor-hover #cursor-outline {
  width: 34px;
  height: 34px;
  background: radial-gradient(circle, rgba(255,100,100,0.75) 0%, rgba(200,50,50,0.55) 50%, rgba(180,40,40,0.18) 100%);
  box-shadow: 0 0 20px rgba(220,50,50,0.65), inset 0 0 10px rgba(255,100,100,0.08);
  animation: pulse-color-fast 1.1s ease-in-out infinite;
}

/* 快速呼吸动画（悬停可点击元素） */
@keyframes pulse-color-fast {
  0%   { transform: translate(-50%, -50%) scale(1.06); opacity: 1; }
  50%  { transform: translate(-50%, -50%) scale(1.28); opacity: 0.95; }
  100% { transform: translate(-50%, -50%) scale(1.06); opacity: 1; }
}

/* ==========================================================
   隐藏文章页/独立页面的头部背景图，但保留高度和文字
   ========================================================== */

/* 针对所有文章页 (Post) 和独立页面 (Page)，不影响首页 */
#page-header:not(.full_page) {
  background-color: transparent !important;
  background-image: none !important;
}

/* 如果你觉得文字在背景上看不清，可以给文字加一点阴影（可选） */
#page-header:not(.full_page) #post-info,
#page-header:not(.full_page) #page-site-info {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* ==========================================================
   如果你连【首页】的图也不想要，只想保留大标题位置，
   请把上面的代码替换为下面这一行（慎用，首页通常需要图）：
   ========================================================== */
/* #page-header {
  background-color: transparent !important;
  background-image: none !important;
} 
*/