/* ==========================================================================
   NewVFX Ultimate Dark Mode CSS (Final Integrated Version)
   整合了全局变量、导航补丁、内容区块及官方深色样式表核心逻辑
   ========================================================================== */

/* 1. 全局变量定义 (Dark Mode Palette) */
[data-theme="dark"], :root {
  --nvfx-bg-primary: #121212;         /* 全局主背景 (深度黑) */
  --nvfx-bg-secondary: #1e1e1e;       /* 卡片/导航/模块背景 */
  --nvfx-bg-tertiary: #2c2c2e;        /* 输入框/深色块/次要背景 */
  --nvfx-bg-input: #242424;           /* 表单专用背景 */

  --nvfx-text-primary: #e5e5e7;       /* 主文字 (非纯白，护眼) */
  --nvfx-text-secondary: #a1a1a6;     /* 辅助文字/元数据 */
  --nvfx-text-heading: #ffffff;       /* 标题文字 */
  --nvfx-text-muted: #777777;         /* 弱化文字/占位符 */

  --nvfx-border-color: #333333;       /* 边框/分割线 */
  --nvfx-accent-color: #e96969;       /* 核心品牌红 */
  --nvfx-accent-hover: #ff7b7b;       /* 悬停高亮红 */
}

/* 系统级自动适配支持 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --nvfx-bg-primary: #121212;
    --nvfx-bg-secondary: #1e1e1e;
    --nvfx-bg-tertiary: #2c2c2e;
    --nvfx-bg-input: #242424;
    --nvfx-text-primary: #e5e5e7;
    --nvfx-text-secondary: #a1a1a6;
    --nvfx-text-heading: #ffffff;
    --nvfx-text-muted: #777777;
    --nvfx-border-color: #333333;
    --nvfx-accent-color: #e96969;
    --nvfx-accent-hover: #ff7b7b;
  }
}

/* ==========================================================================
   2. 全局基础结构与排版 (Base Structure)
   ========================================================================== */
[data-theme="dark"] body,
[data-theme="dark"] html,
[data-theme="dark"] .off-canvas-content,
[data-theme="dark"] body#boxed {
  background-color: var(--nvfx-bg-primary) !important;
  color: var(--nvfx-text-primary) !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* 链接与高亮 */
[data-theme="dark"] a {
  color: var(--nvfx-text-secondary);
  transition: color 0.3s ease;
  -webkit-tap-highlight-color: rgba(233, 105, 105, 0.3);
}
[data-theme="dark"] a:hover {
  color: var(--nvfx-accent-color) !important;
}

/* 标题体系 */
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3,
[data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6,
[data-theme="dark"] .blog-post-heading h3 a,
[data-theme="dark"] .video-box-content h6 a {
  color: var(--nvfx-text-heading) !important;
}

/* 辅助文字与元数据 */
[data-theme="dark"] .byline, [data-theme="dark"] .entry-meta,
[data-theme="dark"] .posted-on, [data-theme="dark"] .author,
[data-theme="dark"] .wp-caption-text, [data-theme="dark"] figcaption,
[data-theme="dark"] .commentlist .vcard time a {
  color: var(--nvfx-text-secondary) !important;
}

/* ==========================================================================
   3. 头部、导航与搜索 (Header & Nav) - 终极补丁版
   ========================================================================== */

/* 3.1 顶部工具栏 (.topBar) */
[data-theme="dark"] .topBar {
  background: var(--nvfx-bg-secondary) !important;
  border-bottom-color: var(--nvfx-border-color) !important;
}
[data-theme="dark"] .topBar .socialLinks a {
  background: var(--nvfx-bg-tertiary) !important;
  border-color: var(--nvfx-border-color) !important;
}
[data-theme="dark"] .topBar .socialLinks a i {
  color: var(--nvfx-text-secondary) !important;
}
[data-theme="dark"] .topBar .socialLinks a:hover {
  background: var(--nvfx-accent-color) !important;
}
[data-theme="dark"] .topBar .socialLinks a:hover i {
  color: #fff !important;
}
[data-theme="dark"] .topBar .topBarMenu .menu li a,
[data-theme="dark"] .topBar .topBarMenu .menu li a i {
  color: var(--nvfx-text-muted) !important;
}
[data-theme="dark"] .topBar .topBarMenu .menu li a:hover,
[data-theme="dark"] .topBar .topBarMenu .menu li a:hover i {
  color: var(--nvfx-accent-color) !important;
}

/* 3.2 主导航栏 (#navBar) */
[data-theme="dark"] #navBar,
[data-theme="dark"] .topnav,
[data-theme="dark"] .top-bar,
[data-theme="dark"] .header,
[data-theme="dark"] .title-bar {
  background-color: var(--nvfx-bg-secondary) !important;
  border-color: var(--nvfx-border-color) !important;
}
/* 强制覆盖 top-bar ul 的白色背景 */
[data-theme="dark"] .top-bar ul {
  background: var(--nvfx-bg-secondary) !important;
}

/* 导航链接 */
[data-theme="dark"] #menu-top-menu-1 li a,
[data-theme="dark"] #navBar .top-bar .menu > li:not(.menu-text) > a,
[data-theme="dark"] .off-canvas .menu li a {
  color: var(--nvfx-text-primary) !important;
}
[data-theme="dark"] #menu-top-menu-1 li a:hover,
[data-theme="dark"] #navBar .top-bar .menu > li:not(.menu-text) > a:hover,
[data-theme="dark"] #navBar .top-bar li.active a {
  color: var(--nvfx-accent-color) !important;
  border-bottom-color: var(--nvfx-accent-color) !important;
}
[data-theme="dark"] #navBar .top-bar li.active a i {
  color: var(--nvfx-accent-color) !important;
}

/* 导航图标 */
[data-theme="dark"] #menu-top-menu-1 li[class*="fa-"]::before,
[data-theme="dark"] .betubeSearch i {
  color: var(--nvfx-text-secondary) !important;
}
[data-theme="dark"] .betubeSearch i:hover,
[data-theme="dark"] .betubeSearch-active i {
  color: var(--nvfx-accent-color) !important;
  background: var(--nvfx-accent-color) !important;
}

/* 3.3 搜索按钮与上传按钮 */
[data-theme="dark"] #navBar .top-bar .search-btn li.betubeSearch i,
[data-theme="dark"] #navBar .top-bar .search-btn li.upl-btn a {
  background: var(--nvfx-bg-tertiary) !important;
  border-color: var(--nvfx-border-color) !important;
  color: var(--nvfx-text-secondary) !important;
}
[data-theme="dark"] #navBar .top-bar .search-btn li.upl-btn a:hover {
  background: var(--nvfx-accent-color) !important;
  color: #fff !important;
  border-color: var(--nvfx-accent-color) !important;
}

/* 3.4 下拉子菜单 (.submenu) */
[data-theme="dark"] #navBar .top-bar .dropdown.menu .submenu {
  background: var(--nvfx-bg-secondary) !important;
  border-top-color: var(--nvfx-accent-color) !important;
  border-right-color: var(--nvfx-border-color) !important;
  border-left-color: var(--nvfx-border-color) !important;
}
[data-theme="dark"] #navBar .top-bar .dropdown.menu .submenu li a {
  border-bottom-color: var(--nvfx-border-color) !important;
  color: var(--nvfx-text-primary) !important;
}
[data-theme="dark"] #navBar .top-bar .dropdown.menu .submenu li a:hover {
  background: var(--nvfx-bg-tertiary) !important;
}
[data-theme="dark"] #navBar .top-bar .dropdown.menu .submenu li a:hover i {
  color: var(--nvfx-accent-color) !important;
}

/* 3.5 展开式搜索栏 (.search-bar-light) */
[data-theme="dark"] #betube-bar,
[data-theme="dark"] .search-bar-light,
[data-theme="dark"] #navBar .search-bar-light {
  background: var(--nvfx-bg-secondary) !important;
  border-color: var(--nvfx-border-color) !important;
}
[data-theme="dark"] .search-field,
[data-theme="dark"] input.input-group-field,
[data-theme="dark"] #navBar .search-bar-light .search-input input[type="search"] {
  background-color: var(--nvfx-bg-tertiary) !important;
  color: var(--nvfx-text-primary) !important;
  border: 1px solid var(--nvfx-border-color) !important;
}
[data-theme="dark"] .search-btn .button,
[data-theme="dark"] button[type="submit"],
[data-theme="dark"] #navBar .search-bar-light .search-btn button.button {
  background-color: var(--nvfx-accent-color) !important;
  color: #ffffff !important;
  border: 1px solid var(--nvfx-accent-color) !important;
}
[data-theme="dark"] .search-btn .button:hover {
  background-color: var(--nvfx-accent-hover) !important;
}

/* 3.6 移动端标题栏 */
[data-theme="dark"] .title-bar {
  background: var(--nvfx-bg-secondary) !important;
}
[data-theme="dark"] .menu-icon {
  color: var(--nvfx-text-primary) !important;
}

/* ==========================================================================
   4. 内容区块、卡片与小工具 (Content & Widgets)
   ========================================================================== */
/* 白色背景转深色 */
[data-theme="dark"] .secBg,
[data-theme="dark"] .whiteBg,
[data-theme="dark"] #premium,
[data-theme="dark"] .mainContentv3,
[data-theme="dark"] .mainContentLanding,
[data-theme="dark"] .post, .card, .widget,
[data-theme="dark"] .sidebar .widgetBox,
[data-theme="dark"] .sidebar .widgetBox .widgetContent .video-box,
[data-theme="dark"] .sidebar .widgetBox .item-video,
[data-theme="dark"] .content .post .post-des,
[data-theme="dark"] .content .list-group .list .post .post-des {
  background-color: var(--nvfx-bg-secondary) !important;
  border-color: var(--nvfx-border-color) !important;
}

/* 边框与分割线 */
[data-theme="dark"] .thumb-border,
[data-theme="dark"] .borderBottom,
[data-theme="dark"] .category-heading,
[data-theme="dark"] .content .head-text,
[data-theme="dark"] hr, .separator, .wp-block-separator {
  border-color: var(--nvfx-border-color) !important;
  background-color: var(--nvfx-border-color) !important;
}

/* 标签云 */
[data-theme="dark"] .tagcloud a,
[data-theme="dark"] .sidebar .widgetBox .tagcloud a {
  background-color: var(--nvfx-bg-tertiary) !important;
  color: var(--nvfx-text-secondary) !important;
  border: 1px solid var(--nvfx-border-color) !important;
}
[data-theme="dark"] .tagcloud a:hover {
  background-color: var(--nvfx-accent-color) !important;
  color: #fff !important;
}

/* 代码块与引用 */
[data-theme="dark"] .entry-content pre,
[data-theme="dark"] blockquote,
[data-theme="dark"] .wp-block-quote {
  background: var(--nvfx-bg-tertiary) !important;
  border: 1px solid var(--nvfx-border-color) !important;
  color: var(--nvfx-text-primary) !important;
}

/* ==========================================================================
   5. 表单、按钮与交互 (Forms & Buttons)
   ========================================================================== */
/* 输入框 */
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] textarea,
[data-theme="dark"] select,
[data-theme="dark"] .respond-form form input,
[data-theme="dark"] .submit-post input {
  background-color: var(--nvfx-bg-input) !important;
  color: var(--nvfx-text-primary) !important;
  border: 1px solid var(--nvfx-border-color) !important;
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: var(--nvfx-text-muted) !important;
}
[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus {
  border-color: var(--nvfx-accent-color) !important;
  outline: none;
  box-shadow: 0 0 0 2px rgba(233, 105, 105, 0.25);
}

/* 按钮体系 */
[data-theme="dark"] button,
[data-theme="dark"] .button,
[data-theme="dark"] .wp-block-button__link,
[data-theme="dark"] .secondary-button {
  background-color: var(--nvfx-bg-tertiary) !important;
  color: var(--nvfx-text-primary) !important;
  border-color: var(--nvfx-border-color) !important;
  transition: all 0.3s ease;
}
[data-theme="dark"] button:hover,
[data-theme="dark"] .button:hover,
[data-theme="dark"] .secondary-button:hover {
  background-color: var(--nvfx-accent-color) !important;
  color: #ffffff !important;
  border-color: var(--nvfx-accent-color) !important;
}

/* 密码保护表单按钮 (特殊强调) */
[data-theme="dark"] .post-password-form input[type="submit"] {
  background: var(--nvfx-accent-color) !important;
  color: #fff !important;
}

/* ==========================================================================
   6. 评论区 (Comments)
   ========================================================================== */
[data-theme="dark"] .commentlist li {
  border-bottom: 1px solid var(--nvfx-border-color) !important;
}
[data-theme="dark"] .commentlist .vcard img.avatar {
  border: 1px solid var(--nvfx-border-color) !important;
  background: var(--nvfx-bg-secondary) !important;
}
[data-theme="dark"] .commentlist .vcard time a:hover {
  color: var(--nvfx-accent-color) !important;
}

/* ==========================================================================
   7. 页脚 (Footer)
   ========================================================================== */
[data-theme="dark"] footer,
[data-theme="dark"] .site-footer {
  background-color: var(--nvfx-bg-secondary) !important;
  border-top: 1px solid var(--nvfx-border-color) !important;
  color: var(--nvfx-text-secondary) !important;
}
[data-theme="dark"] #footer-bottom {
  background-color: var(--nvfx-bg-primary) !important;
}
[data-theme="dark"] footer a {
  color: var(--nvfx-text-secondary) !important;
}
[data-theme="dark"] footer a:hover {
  color: var(--nvfx-accent-color) !important;
}

/* ==========================================================================
   8. 细节优化与打印
   ========================================================================== */
/* 滚动条美化 */
[data-theme="dark"] ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
[data-theme="dark"] ::-webkit-scrollbar-track {
  background: var(--nvfx-bg-primary);
}
[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: var(--nvfx-bg-tertiary);
  border-radius: 5px;
}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: var(--nvfx-accent-color);
}

/* 打印时恢复白底黑字 */
@media print {
  [data-theme="dark"] *,
  [data-theme="dark"] body,
  [data-theme="dark"] body * {
    color: #000 !important;
    background: transparent !important;
    border-color: #999 !important;
    box-shadow: none !important;
  }
}
/* ==========================================================================
   NewVFX Dark Mode - Post Card Text Readability Fix
   修复文章卡片内文字看不清的问题
   ========================================================================== */

/* 1. 确保 post-des 容器内的所有基础文字为浅色 */
[data-theme="dark"] .post-des,
[data-theme="dark"] .content .post .post-des {
  color: var(--nvfx-text-primary) !important; /* #e5e5e7 */
}

/* 2. 修复标题链接颜色 (原为 #444444 或 #303030) */
[data-theme="dark"] .content .post .post-des h6 a,
[data-theme="dark"] .post-des h6 a {
  color: var(--nvfx-text-heading) !important; /* #ffffff */
  font-weight: 600;
}
[data-theme="dark"] .content .post .post-des h6 a:hover {
  color: var(--nvfx-accent-color) !important; /* #e96969 */
}

/* 3. 修复统计信息文字颜色 (作者、时间、浏览量) */
[data-theme="dark"] .post-stats p,
[data-theme="dark"] .post-stats span,
[data-theme="dark"] .post-stats a,
[data-theme="dark"] .post-des .post-stats p i,
[data-theme="dark"] .post-des .post-stats p span {
  color: var(--nvfx-text-secondary) !important; /* #a1a1a6 */
}

/* 4. 修复摘要文字颜色 (如果显示了摘要) */
[data-theme="dark"] .post-summary p,
[data-theme="dark"] .post-des .post-summary p {
  color: var(--nvfx-text-muted) !important; /* #777777 */
}

/* 5. 修复“观看视频”按钮文字 (secondary-button) */
[data-theme="dark"] .post-button .secondary-button,
[data-theme="dark"] .post-des .secondary-button {
  background-color: var(--nvfx-bg-tertiary) !important; /* #2c2c2e */
  color: var(--nvfx-text-primary) !important;
  border-color: var(--nvfx-border-color) !important;
}
[data-theme="dark"] .post-button .secondary-button i,
[data-theme="dark"] .post-des .secondary-button i {
  color: var(--nvfx-text-primary) !important;
}
[data-theme="dark"] .post-button .secondary-button:hover,
[data-theme="dark"] .post-des .secondary-button:hover {
  background-color: var(--nvfx-accent-color) !important;
  color: #fff !important;
  border-color: var(--nvfx-accent-color) !important;
}
[data-theme="dark"] .post-button .secondary-button:hover i {
  color: #fff !important;
}

/* ==========================================================================
   Fix: Dark Mode Article Text & Tags Readability
   修复文章正文和标签按钮在深色模式下看不清的问题
   ========================================================================== */

/* 1. 强制文章正文段落变亮 (覆盖原 #6c6c6c) */
[data-theme="dark"] .mag_post__text p,
[data-theme="dark"] .description p {
  color: var(--nvfx-text-primary) !important; /* #e5e5e7 */
}

/* 2. 强制标签/分类按钮文字变亮 (覆盖原 #6c6c6c) */
[data-theme="dark"] .mag_post_tags a,
[data-theme="dark"] .inner-btn,
[data-theme="dark"] .description .inner-btn {
  color: var(--nvfx-text-primary) !important; /* #e5e5e7 */
  background-color: var(--nvfx-bg-tertiary) !important; /* #2c2c2e */
  border-color: var(--nvfx-border-color) !important;
}

/* 3. 标签悬停效果保持品牌红 */
[data-theme="dark"] .mag_post_tags a:hover,
[data-theme="dark"] .inner-btn:hover {
  background-color: var(--nvfx-accent-color) !important; /* #e96969 */
  color: #fff !important;
  border-color: var(--nvfx-accent-color) !important;
}


/* ==========================================================================
   Fix: Comment Section & Reply Form Readability
   修复评论区标题、用户信息及回复表单在深色模式下看不清的问题
   ========================================================================== */

/* 1. 评论区标题 (1条评论 “《阿凡达 2》...”) */
[data-theme="dark"] .main-heading .head-title h4,
[data-theme="dark"] .main-heading .head-title h4 span,
[data-theme="dark"] .main-heading .head-title i {
  color: var(--nvfx-text-heading) !important; /* #ffffff */
}

/* 2. 评论列表基础文字 */
[data-theme="dark"] .commentlist li,
[data-theme="dark"] .commentlist .comment-author a,
[data-theme="dark"] .commentlist .comment-author a.url,
[data-theme="dark"] .commentlist .comment_content p {
  color: var(--nvfx-text-primary) !important; /* #e5e5e7 */
}

/* 3. 评论时间与编辑链接 */
[data-theme="dark"] .commentlist .comment-author time a,
[data-theme="dark"] .commentlist .comment-edit-link {
  color: var(--nvfx-text-secondary) !important; /* #a1a1a6 */
}
[data-theme="dark"] .commentlist .comment-author time a:hover,
[data-theme="dark"] .commentlist .comment-edit-link:hover {
  color: var(--nvfx-accent-color) !important;
}

/* 4. 回复按钮 */
[data-theme="dark"] .comment-reply-link {
  color: var(--nvfx-text-secondary) !important;
  background: var(--nvfx-bg-tertiary) !important;
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 12px;
}
[data-theme="dark"] .comment-reply-link:hover {
  background: var(--nvfx-accent-color) !important;
  color: #fff !important;
}

/* 5. 回复表单区域 (#respond) */
[data-theme="dark"] #respond,
[data-theme="dark"] #reply-title,
[data-theme="dark"] #reply-title small a {
  color: var(--nvfx-text-heading) !important;
}

/* 6. 评论输入框与提交按钮 */
[data-theme="dark"] #commentform textarea#comment,
[data-theme="dark"] #commentform input[type="text"],
[data-theme="dark"] #commentform input[type="email"],
[data-theme="dark"] #commentform input[type="url"] {
  background-color: var(--nvfx-bg-input) !important; /* #242424 */
  border: 1px solid var(--nvfx-border-color) !important;
  color: var(--nvfx-text-primary) !important;
}
[data-theme="dark"] #commentform textarea#comment:focus {
  border-color: var(--nvfx-accent-color) !important;
}

[data-theme="dark"] #commentform input#submit.button {
  background-color: var(--nvfx-accent-color) !important;
  color: #fff !important;
  border: 1px solid var(--nvfx-accent-color) !important;
}
[data-theme="dark"] #commentform input#submit.button:hover {
  background-color: var(--nvfx-accent-hover) !important;
}

/* ==========================================================================
   Fix: Sidebar Recent Posts/Media Object Readability
   修复侧边栏小工具中“最近视频/文章”列表文字看不清的问题
   ========================================================================== */

/* 1. 修复标题链接颜色 (原为 #444444) */
[data-theme="dark"] .sidebar .widgetBox .widgetContent .media-object .media-content h6 a,
[data-theme="dark"] footer .widgetBox .widgetContent .media-object .media-content h6 a {
  color: var(--nvfx-text-heading) !important; /* #ffffff */
  font-weight: 600;
}
[data-theme="dark"] .sidebar .widgetBox .widgetContent .media-object .media-content h6 a:hover,
[data-theme="dark"] footer .widgetBox .widgetContent .media-object .media-content h6 a:hover {
  color: var(--nvfx-accent-color) !important; /* #e96969 */
}

/* 2. 修复作者和日期信息颜色 (原为 #aaaaaa) */
[data-theme="dark"] .sidebar .widgetBox .widgetContent .media-object .media-content p,
[data-theme="dark"] .sidebar .widgetBox .widgetContent .media-object .media-content p span,
[data-theme="dark"] .sidebar .widgetBox .widgetContent .media-object .media-content p i,
[data-theme="dark"] footer .widgetBox .widgetContent .media-object .media-content p,
[data-theme="dark"] footer .widgetBox .widgetContent .media-object .media-content p span,
[data-theme="dark"] footer .widgetBox .widgetContent .media-object .media-content p i {
  color: var(--nvfx-text-secondary) !important; /* #a1a1a6 */
}

/* 3. 修复悬停时的作者链接颜色 */
[data-theme="dark"] .sidebar .widgetBox .widgetContent .media-object .media-content p span a:hover,
[data-theme="dark"] footer .widgetBox .widgetContent .media-object .media-content p span a:hover {
  color: var(--nvfx-accent-color) !important;
}

/* 4. 确保图片容器背景也是深色的 (如果有的话) */
[data-theme="dark"] .sidebar .widgetBox .widgetContent .media-object .recent-img {
  background-color: var(--nvfx-bg-tertiary) !important;
}

/* ==========================================================================
   Fix: Sidebar Recent Comments Readability
   修复侧边栏“有人说”等最新评论列表文字看不清的问题
   ========================================================================== */

/* 1. 最新评论列表基础文字 */
[data-theme="dark"] .widgetBox ul#recentcomments li,
[data-theme="dark"] .widgetBox ul#recentcomments li a {
  color: var(--nvfx-text-primary) !important; /* #e5e5e7 */
}

/* 2. 评论作者名字 */
[data-theme="dark"] .widgetBox ul#recentcomments li .comment-author-link {
  color: var(--nvfx-text-secondary) !important; /* #a1a1a6 */
}

/* 3. 悬停效果保持品牌红 */
[data-theme="dark"] .widgetBox ul#recentcomments li a:hover {
  color: var(--nvfx-accent-color) !important; /* #e96969 */
}

/* 4. 确保小工具标题也是亮色 */
[data-theme="dark"] .widgetbox_bemag__title h5,
[data-theme="dark"] .widgetTitle h5 {
  color: var(--nvfx-text-heading) !important; /* #ffffff */
  border-bottom-color: var(--nvfx-border-color) !important;
}

/* ==========================================================================
   Fix: Post Title Readability in Dark Mode
   强制修复文章标题在深色模式下看不清的问题 (针对 WOODNUTS 等卡片)
   ========================================================================== */

/* 1. 强制将卡片标题链接改为亮色 */
[data-theme="dark"] .content .post .post-des h6 a,
[data-theme="dark"] .post-des h6 a {
  color: var(--nvfx-text-heading) !important; /* #ffffff */
}

/* 2. 强制将卡片内的统计信息（作者、时间）改为浅灰 */
[data-theme="dark"] .content .post .post-des .post-stats p,
[data-theme="dark"] .content .post .post-des .post-stats p i,
[data-theme="dark"] .content .post .post-des .post-stats p span,
[data-theme="dark"] .content .post .post-des .post-stats p span a {
  color: var(--nvfx-text-secondary) !important; /* #a1a1a6 */
}

/* 3. 确保 post-des 容器背景也是深色的，防止文字在白色背景上显示黑色 */
[data-theme="dark"] .content .post .post-des {
  background-color: var(--nvfx-bg-secondary) !important; /* #1e1e1e */
}

/* ==========================================================================
   Fix: Post Stats & Author Link Readability
   修复文章卡片中“作者”、“日期”、“浏览量”等统计信息看不清的问题
   ========================================================================== */

/* 1. 强制将统计信息中的链接和文字改为亮色 */
[data-theme="dark"] .content .post .post-des .post-stats p,
[data-theme="dark"] .content .post .post-des .post-stats p i,
[data-theme="dark"] .content .post .post-des .post-stats p span,
[data-theme="dark"] .content .post .post-des .post-stats p span a {
  color: #c8c8cd !important; /* #a1a1a6 (浅灰白) */
}

/* 2. 悬停时保持品牌红 */
[data-theme="dark"] .content .post .post-des .post-stats p span a:hover {
  color: var(--nvfx-accent-color) !important; /* #e96969 */
}

/* 3. 针对侧边栏小工具中的类似结构也做同样处理 */
[data-theme="dark"] .sidebar .widgetBox .widgetContent .media-object .media-content p,
[data-theme="dark"] .sidebar .widgetBox .widgetContent .media-object .media-content p i,
[data-theme="dark"] .sidebar .widgetBox .widgetContent .media-object .media-content p span,
[data-theme="dark"] .sidebar .widgetBox .widgetContent .media-object .media-content p span a {
  color: #c8c8cd !important;
}
[data-theme="dark"] .sidebar .widgetBox .widgetContent .media-object .media-content p span a:hover {
  color: var(--nvfx-accent-color) !important;
}

/* 防止页面结构在 CSS 加载前闪烁白底 */
html:not([data-theme="light"]) body {
    background-color: #121212 !important;
}

/* ==========================================================================
   Fix: Breadcrumb Dark Mode Override (Highest Priority)
   强制覆盖面包屑导航在暗夜模式下的样式
   ========================================================================== */

/* 1. 容器背景与边框 - 使用 ID 选择器确保最高权重 */
html[data-theme="dark"] #breadcrumb,
html[data-theme="dark"] section#breadcrumb {
    background-color: var(--nvfx-bg-secondary, #2e2e2e) !important;
    border-bottom: 1px solid var(--nvfx-border-color, #444) !important;
}

/* 2. 链接与文字颜色 - 完整匹配官方选择器路径 */
html[data-theme="dark"] #breadcrumb .breadcrumbs li,
html[data-theme="dark"] #breadcrumb .breadcrumbs li a,
html[data-theme="dark"] #breadcrumb .breadcrumbs li span {
    color: var(--nvfx-text-secondary, #aaaaaa) !important;
}

/* 3. 当前页面标题（最后一个 span）- 确保不是黑色 */
html[data-theme="dark"] #breadcrumb .breadcrumbs li:last-child span {
    color: var(--nvfx-text-primary, #f6f6f6) !important;
}

/* 4. 悬停效果保持品牌红 */
html[data-theme="dark"] #breadcrumb .breadcrumbs li a:hover {
    color: var(--nvfx-accent-color, #e96969) !important;
}

/* 5. 首页图标颜色 */
html[data-theme="dark"] #breadcrumb .breadcrumbs li i.fa-home {
    color: var(--nvfx-accent-color, #e96969) !important;
}

/* 6. 分隔符箭头颜色 */
html[data-theme="dark"] #breadcrumb .breadcrumbs li:not(:last-child)::after {
    color: var(--nvfx-text-muted, #6c6c6c) !important;
}