/* ============================================================
   Eye Comfort Mode 护眼模式
   激活条件: body.eye-comfort
   原则: 只柔和化视觉，不删除任何内容/元素
   ============================================================ */

/* 护眼按钮样式 */
.eye-btn{
  width:36px;height:36px;background:#18181b;border:1px solid #27272a;
  border-radius:8px;cursor:pointer;display:flex;align-items:center;
  justify-content:center;transition:all .2s;font-size:16px;
}
.eye-btn:hover{background:#27272a;border-color:#3f3f46}
.eye-btn.active{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.4)}

/* ===== 护眼模式全局柔和化 ===== */

/* 1. 停止闪烁动画(减少眼睛追踪负担) */
body.eye-comfort .title-dot,
body.eye-comfort *[style*="animation"],
body.eye-comfort .pulse,
body.eye-comfort .blink {
  animation: none !important;
}

/* 2. 降低发光数字的刺眼光晕 */
body.eye-comfort .profit-value {
  text-shadow: 0 0 20px rgba(34,197,94,.08) !important;
  filter: brightness(.92);
}

/* 3. 全局轻微降亮度+降饱和(核心护眼) */
body.eye-comfort .wrap {
  filter: brightness(.93) saturate(.88) contrast(.97);
}

/* 4. 减弱背景渐变光斑 */
body.eye-comfort {
  background-image: none !important;
}

/* 5. 降低卡片阴影强度 */
body.eye-comfort .card {
  box-shadow: 0 1px 3px rgba(0,0,0,.15) !important;
}

/* 6. 高亮按钮降饱和 */
body.eye-comfort .btn-ok,
body.eye-comfort .btn-no {
  filter: saturate(.8) brightness(.95);
}

/* 7. 图表线条降亮度 */
body.eye-comfort svg path,
body.eye-comfort svg circle {
  filter: brightness(.9);
}

/* 8. 状态点停止脉冲 */
body.eye-comfort .status-dot,
body.eye-comfort .agent-dot {
  animation: none !important;
}

/* 护眼提示条 */
.eye-toast{
  position:fixed;bottom:24px;right:24px;z-index:99999;
  background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);
  color:#4ade80;padding:12px 18px;border-radius:10px;font-size:13px;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:0 8px 24px rgba(0,0,0,.3);
  display:flex;align-items:center;gap:10px;
  animation:eyeToastIn .3s ease;
}
.eye-toast.warn{
  background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.35);color:#fbbf24;
}
@keyframes eyeToastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* 护眼模式下的提示条常显标识 */
body.eye-comfort .eye-btn::after{
  content:'';position:absolute;
}

/* 减少动效偏好 + 护眼模式叠加 */
@media (prefers-reduced-motion: reduce) {
  body.eye-comfort * { animation: none !important; transition: none !important; }
}