/* ===================================
   Dark Mode — CSS filter 修复
   对所有 filter: invert(1) hue-rotate(180deg)
   后产生颜色异常的元素进行反反修正
   =================================== */

/* --- 核心：html 全局反转 + 图片/视频重反转 --- */
html.dark-mode {
  filter: invert(1) hue-rotate(180deg);
}
html.dark-mode img,
html.dark-mode video,
html.dark-mode iframe,
html.dark-mode canvas {
  filter: invert(1) hue-rotate(180deg);
}

/* --- 反反修正：白字在彩底的元素 --- */
/* 分类标签 */
html.dark-mode .excerpt .cat,
html.dark-mode .excerpt .cat i,
/* 文章标签 */
html.dark-mode .article-tags a,
/* 推荐时间标 */
html.dark-mode .pads time,
/* 标签云 hover */
html.dark-mode .tag-clouds a:hover,
/* 版权 hover */
html.dark-mode .post-copyright:hover,
html.dark-mode .post-copyright:hover a,
/* 轮播 hover */
html.dark-mode .carousel-control:hover {
  filter: invert(1) hue-rotate(180deg);
}

/* --- logo（CSS background-image 不会被 img 规则覆盖） --- */
html.dark-mode .logo a {
  filter: invert(1) hue-rotate(180deg);
}

/* --- excerpt hover 改用深色友好的硬编码色（方案 B，防嵌套反反陷阱） --- */
html.dark-mode .excerpt:hover {
  background-color: #1a1a2e;
  border-color: #45B6F7;
}