/* ==========================================================================
   Wash 模板 — 暗色模式覆盖
   变量覆盖已在 vars.css 的 [data-theme="dark"] 中定义
   此文件仅处理第三方组件（layui/layer）的作用域覆盖
   ========================================================================== */

/* --- layui 导航栏暗色覆盖 --- */
[data-theme="dark"] .layui-nav {
  background: var(--color-surface);
}
[data-theme="dark"] .layui-nav .layui-nav-item a {
  color: var(--color-text);
}
[data-theme="dark"] .layui-nav .layui-nav-item a:hover {
  color: var(--color-primary);
}
[data-theme="dark"] .layui-nav-child {
  background: var(--color-surface);
  border-color: var(--color-border);
}
[data-theme="dark"] .layui-nav-child dd a {
  color: var(--color-text-secondary);
}
[data-theme="dark"] .layui-nav-child dd a:hover {
  background: var(--color-surface-hover);
  color: var(--color-text);
}

/* --- layui 分页暗色覆盖 --- */
[data-theme="dark"] .layui-laypage a,
[data-theme="dark"] .layui-laypage span {
  background: var(--color-surface) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}
[data-theme="dark"] .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background: var(--color-primary) !important;
}
[data-theme="dark"] .layui-laypage .layui-laypage-curr .layui-laypage-text {
  color: #fff !important;
}

/* --- layer 弹窗暗色覆盖 --- */
[data-theme="dark"] .layui-layer {
  background: var(--color-surface);
  color: var(--color-text);
  border-color: var(--color-border);
}
[data-theme="dark"] .layui-layer-title {
  background: var(--color-surface);
  color: var(--color-text);
  border-bottom-color: var(--color-border);
}
[data-theme="dark"] .layui-layer-btn a {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}

/* --- 表单元素暗色覆盖 --- */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background: var(--color-bg);
  color: var(--color-text);
  border-color: var(--color-border);
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: var(--color-text-tertiary);
}

/* --- 用户自定义内容兜底（options.php 中的 HTML 可能含硬编码颜色） --- */
[data-theme="dark"] .header-center-banner img,
[data-theme="dark"] .index-datu img {
  opacity: .92;
}

/* ==========================================================================
   v2.0 深化：遗留硬编码区域暗色补全
   ========================================================================== */

/* --- 遗留 CSS 中的 #fff 背景区域 --- */
[data-theme="dark"] .index-news,
[data-theme="dark"] .down-list,
[data-theme="dark"] .article-list,
[data-theme="dark"] .scoend,
[data-theme="dark"] .list-container,
[data-theme="dark"] .article_content {
  background: var(--color-surface) !important;
}

/* --- 遗留 CSS 中的深色文字区域 --- */
[data-theme="dark"] .article-content,
[data-theme="dark"] .article-content p,
[data-theme="dark"] .list-info .soft-title,
[data-theme="dark"] .news-article_container ul li a,
[data-theme="dark"] .down-list .tit h3 a,
[data-theme="dark"] .list-tit li a,
[data-theme="dark"] .twdd .info h3,
[data-theme="dark"] .xuhaoul li a {
  color: var(--color-text) !important;
}

/* --- 遗留 CSS 中的浅色辅助文字 --- */
[data-theme="dark"] .list-intro,
[data-theme="dark"] .news-article_container ul li span,
[data-theme="dark"] .list-tit li span,
[data-theme="dark"] .twdd .info font,
[data-theme="dark"] .list-ca {
  color: var(--color-text-secondary) !important;
}

/* --- 文章页内容区暗色 --- */
[data-theme="dark"] .article-content {
  border-top-color: var(--color-border) !important;
  border-bottom-color: var(--color-border) !important;
}

/* --- 评论区暗色 --- */
[data-theme="dark"] .comment {
  border-bottom-color: var(--color-border) !important;
}
[data-theme="dark"] .post-wrap-main,
[data-theme="dark"] .module-cmt-box {
  background: transparent !important;
}

/* --- 广告卡片暗色 --- */
[data-theme="dark"] .indexnews-ad .indexnewss-ad li {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
}
[data-theme="dark"] .indexnews-ad .indexnewss-ad li h3 {
  color: var(--color-text);
}
[data-theme="dark"] .indexnews-ad .indexnewss-ad li span {
  color: var(--color-text-secondary);
}

/* --- 头部搜索框暗色 --- */
[data-theme="dark"] .header-center-search input {
  background: var(--color-bg);
  border-color: var(--color-border);
  color: var(--color-text);
}

/* --- 遗留列表边框暗色 --- */
[data-theme="dark"] .list-ul li,
[data-theme="dark"] .list-soft li {
  border-bottom-color: var(--color-border) !important;
}

/* --- 置顶广告标记暗色 --- */
[data-theme="dark"] .myad {
  opacity: .9;
}