/**
 * 护眼模式主题
 * 暖色调、低对比度、保护视力
 */

[data-theme="eyecare"] {
  --bg-primary: #fefcf3;
  --bg-secondary: #f9f5e7;
  --bg-tertiary: #f0ead2;
  --bg-gradient-from: #fefcf3;
  --bg-gradient-via: #f9f5e7;
  --bg-gradient-to: #f5f0dc;
  
  --text-primary: #5d4e37;
  --text-secondary: #7a6b52;
  --text-muted: #9c8b70;
  
  --accent-primary: #a3b18a;
  --accent-secondary: #84a98c;
  --accent-tertiary: #588157;
  --accent-glow: rgba(163, 177, 138, 0.35);

  --border-color: #e8e0c8;
  --border-hover: #d4c9a8;
  
  --card-bg: #fefcf3;
  --card-shadow: rgba(93, 78, 55, 0.08);
  --card-hover-shadow: rgba(93, 78, 55, 0.12);
  
  --header-bg: rgba(254, 252, 243, 0.95);
  --header-border: rgba(232, 224, 200, 0.8);
  
  --btn-primary-bg: linear-gradient(135deg, #a3b18a, #84a98c);
  --btn-primary-text: #ffffff;
  --btn-secondary-bg: #f0ead2;
  --btn-secondary-text: #588157;
  
  --input-bg: #fefcf3;
  --input-border: #e8e0c8;
  --input-focus-border: #a3b18a;
  
  --scrollbar-track: #f9f5e7;
  --scrollbar-thumb: #d4c9a8;
  
  --tag-bg: #f0ead2;
  --tag-text: #588157;
  
  --skeleton-bg: #f0ead2;
  --skeleton-shine: #e8e0c8;
}

/* 护眼模式特殊样式 */
[data-theme="eyecare"] body {
  background: linear-gradient(135deg, #fefcf3, #f9f5e7, #f5f0dc);
}

[data-theme="eyecare"] .card-hover {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="eyecare"] .card-hover:hover {
  border-color: var(--accent-primary);
  box-shadow: 0 6px 16px rgba(93, 78, 55, 0.12);
  transform: translateY(-2px); /* 减少移动幅度 */
}

[data-theme="eyecare"] header {
  background: var(--header-bg);
  border-bottom: 1px solid var(--border-color);
}

/* 护眼模式 Logo */
[data-theme="eyecare"] h1.bg-clip-text {
  background: linear-gradient(135deg, #588157, #84a98c, #a3b18a);
  -webkit-background-clip: text;
  background-clip: text;
}

/* 护眼模式导航 */
[data-theme="eyecare"] nav a {
  color: var(--text-secondary);
}

[data-theme="eyecare"] nav a:hover {
  color: var(--accent-tertiary);
  background: rgba(163, 177, 138, 0.15);
}

/* 护眼模式按钮 - 柔和效果 */
[data-theme="eyecare"] .btn-primary {
  box-shadow: 0 2px 8px rgba(88, 129, 87, 0.2);
}

[data-theme="eyecare"] .btn-primary:hover {
  box-shadow: 0 4px 12px rgba(88, 129, 87, 0.25);
}

/* 护眼模式搜索框 */
[data-theme="eyecare"] #searchInput {
  background: var(--bg-primary);
  border: 1px solid var(--border-color);
}

[data-theme="eyecare"] #searchInput:focus {
  border-color: var(--accent-primary);
  box-shadow: 0 0 8px rgba(163, 177, 138, 0.2);
}

/* 护眼模式面板 */
[data-theme="eyecare"] .history-panel,
[data-theme="eyecare"] .settings-panel {
  background: rgba(254, 252, 243, 0.98);
  border-left: 1px solid var(--border-color);
}

/* 护眼模式图片 - 降低亮度 */
[data-theme="eyecare"] img {
  filter: brightness(0.95) saturate(0.9);
}

[data-theme="eyecare"] .card-hover:hover img {
  filter: brightness(1) saturate(1);
}

/* 护眼模式链接 */
[data-theme="eyecare"] a {
  color: var(--accent-tertiary);
}

[data-theme="eyecare"] a:hover {
  color: var(--accent-secondary);
}

/* 护眼模式滚动条 */
[data-theme="eyecare"]::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 4px;
}

/* 护眼模式过渡更柔和 */
[data-theme="eyecare"] * {
  transition-duration: 0.4s !important;
}