/* 小辣椒 New API 背景动画 CSS */
/* 网格背景 */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  background-image:
    linear-gradient(rgba(0,204,255,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,204,255,0.025) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
}
/* 扫描线 */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -4;
  background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,204,255,0.015) 2px, rgba(0,204,255,0.015) 4px);
  pointer-events: none;
}
/* 光环容器 */
#ring-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 320px;
  height: 320px;
  z-index: -2;
  pointer-events: none;
}
#ring-container .ring {
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border: 2px solid transparent;
}
#ring-container .ring-1 { width: 320px; height: 320px; border-color: rgba(0,204,255,0.2); box-shadow: 0 0 20px rgba(0,204,255,0.08), inset 0 0 20px rgba(0,204,255,0.04); }
#ring-container .ring-2 { width: 240px; height: 240px; border-style: dashed; border-color: rgba(0,204,255,0.12); }
#ring-container .ring-3 { width: 180px; height: 180px; border-color: transparent; border-top: 2px solid rgba(0,204,255,0.3); box-shadow: 0 0 30px rgba(0,204,255,0.06); }
#ring-container .ring-4 { width: 100px; height: 100px; border-left: 3px solid rgba(0,204,255,0.6); border-right: 3px solid rgba(0,204,255,0.6); box-shadow: 0 0 40px rgba(0,204,255,0.12); }
#ring-container .core { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 40px; height: 40px; border-radius: 50%; background: radial-gradient(circle, rgba(0,204,255,0.8) 0%, rgba(0,204,255,0.2) 50%, transparent 70%); box-shadow: 0 0 60px rgba(0,204,255,0.3), 0 0 120px rgba(0,204,255,0.1); }
#ring-container .orb { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #00ccff; box-shadow: 0 0 10px #00ccff, 0 0 20px rgba(0,204,255,0.3); }
@keyframes ring1-spin { to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes ring2-spin { to { transform: translate(-50%,-50%) rotate(-360deg); } }
@keyframes ring3-spin { to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes ring4-spin { to { transform: translate(-50%,-50%) rotate(-360deg); } }
@keyframes core-pulse { 0%,100% { transform: translate(-50%,-50%) scale(1); } 50% { transform: translate(-50%,-50%) scale(1.15); } }
#ring-container .ring-1 { animation: ring1-spin 20s linear infinite; }
#ring-container .ring-2 { animation: ring2-spin 15s linear infinite; }
#ring-container .ring-3 { animation: ring3-spin 12s linear infinite; }
#ring-container .ring-4 { animation: ring4-spin 8s linear infinite; }
#ring-container .core { animation: core-pulse 1.5s ease-in-out infinite; }
/* 鼠标发光 */
#mouse-glow {
  position: fixed;
  pointer-events: none;
  z-index: -1;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,204,255,0.04) 0%, transparent 70%);
  transform: translate(-50%,-50%);
}
/* 隐藏主题切换按钮（深色已强制）*/
[aria-label="切换主题"] { display: none !important; }