@charset "UTF-8";

/* ========== 夜间模式全局覆盖 ==========
   包含 .night-mode 类下所有组件的样式覆盖规则
   加载顺序：base.css → night-mode.css → style.css
*/

/* ========== 夜间模式全局字体颜色覆盖 ========== */
/* 解决硬编码的深色文字在夜间模式下看不清的问题 */
.night-mode {
  /* 强制覆盖常见深色文字颜色 */
  color: var(--text-primary);
}

/* 夜间模式：将硬编码的深色文字替换为浅色 */
.night-mode [style*="color: #000"],
.night-mode [style*="color: #000000"] {
  color: var(--text-primary) !important;
}

/* 夜间模式：链接文字 */
.night-mode a,
.night-mode a:visited {
  color: #d4b866;
}

.night-mode a:hover,
.night-mode a:active {
  color: #f0d58c;
}

/* 夜间模式：标题文字 */
.night-mode h1,
.night-mode h2,
.night-mode h3,
.night-mode h4,
.night-mode h5,
.night-mode h6 {
  color: var(--text-primary);
}

/* 夜间模式：段落文字 */
.night-mode p,
.night-mode li,
.night-mode span,
.night-mode div,
.night-mode td,
.night-mode th,
.night-mode label {
  color: var(--text-primary);
}

/* 夜间模式：标签、small、strong等元素 */
.night-mode strong,
.night-mode b,
.night-mode em,
.night-mode small {
  color: var(--text-primary);
}

/* 夜间模式：输入框和表单元素 */
.night-mode input,
.night-mode textarea,
.night-mode select,
.night-mode option {
  color: var(--text-primary);
  background-color: var(--bg-card);
}

/* 夜间模式：按钮文字 */
.night-mode button,
.night-mode input[type="button"],
.night-mode input[type="submit"] {
  color: var(--text-primary);
}

/* 夜间模式：代码和pre */
.night-mode code,
.night-mode pre,
.night-mode kbd,
.night-mode samp {
  color: var(--text-primary);
}

/* 夜间模式：hr颜色 */
.night-mode hr {
  border-color: var(--border);
}

/* ========== 夜间模式：硬编码深色文字覆盖 ========== */
/* 将常见的深色文字颜色映射为浅色 */
.night-mode [style*="color: #000000"],
.night-mode [style*="color: #333"],
.night-mode [style*="color: #333333"],
.night-mode [style*="color: #2c2c2c"],
.night-mode [style*="color: #3d2b1f"],
.night-mode [style*="color: #070707"] {
  color: var(--text-primary) !important;
}

/* 夜间模式：深色背景覆盖 */
.night-mode [style*="background-color: #fff"],
.night-mode [style*="background-color: #ffffff"] {
  background-color: var(--bg-card) !important;
}

.night-mode [style*="background: #fff"],
.night-mode [style*="background: #ffffff"] {
  background: var(--bg-card) !important;
}

/* ========== 夜间模式：特定类名颜色覆盖 ========== */
/* story.css 中的文章内容 */
.night-mode .simplified-text-content,
.night-mode .simplified-text-content p,
.night-mode .simplified-text-content li {
  color: var(--text-primary) !important;
  padding-bottom: 5px;
}

.night-mode .vernacular,
.night-mode .vernacular p {
  color: var(--text-secondary) ;
}

.night-mode .annotation-note,
.night-mode .annotation-note p {
  color: var(--text-anno) !important;
}

/* 夜间模式：标题颜色 */
.night-mode .chapter-title,
.night-mode .section-title,
.night-mode .volume-title {
  color: #d4b866 !important;
}

.night-mode .year-title {
  color: #e6c078 !important;
}

/* 夜间模式：原文正文 */
.night-mode,
.night-mode p {
  color: var(--text-primary) !important;
}

/* 夜间模式：侧边栏文字 */
.night-mode .sidebar-content,
.night-mode .sidebar-content a,
.night-mode .sidebar-content span {
  color: var(--text-primary) !important;
}

/* 夜间模式：目录树 */
.night-mode .tree-container,
.night-mode .tree-container li,
.night-mode .tree-container span {
  color: var(--text-primary) !important;
}

.night-mode .tree-node-label {
  color: var(--text-primary) !important;
}

/* 夜间模式：卡片文字 */
.night-mode .card,
.night-mode .card h3,
.night-mode .card p,
.night-mode .card span {
  color: var(--text-primary) !important;
}

/* 夜间模式：弹窗文字 */
.night-mode .modal-title,
.night-mode .modal-content,
.night-mode .modal-content h2,
.night-mode .modal-content h3,
.night-mode .modal-content p {
  color: var(--text-primary) !important;
}

/* 夜间模式：表格文字 */
.night-mode table,
.night-mode table th,
.night-mode table td {
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}

/* 夜间模式：代码块 */
.night-mode blockquote,
.night-mode blockquote p {
  color: var(--text-secondary) !important;
  border-color: var(--border) !important;
}

/* 夜间模式：标签和徽章 */
.night-mode .tag,
.night-mode .badge {
  color: var(--text-primary) !important;
}

/* ========== 夜间模式：首页特定元素 ========== */
.night-mode .intro-content,
.night-mode .intro-content p {
  color: var(--text-primary) !important;
}

.night-mode .reading-text,
.night-mode .reading-text p {
  color: var(--text-primary) !important;
}

/* 夜间模式：侧边栏背景 */
.night-mode .sidebar-left,
.night-mode .sidebar-right {
  background-color: var(--bg-sidebar) !important;
}

.night-mode #sidebar-left-title,
.night-mode #sidebar-right-title {
  color: var(--text-primary);
}

/* ========== 夜间模式：导航栏文字 ========== */
.night-mode .top-bar,
.night-mode .top-bar a,
.night-mode .top-bar .nav-title {
  color: var(--text-primary) !important;
}

.night-mode .nav-btn,
.night-mode .nav-btn a {
  color: var(--text-primary) !important;
}

/* ========== 夜间模式：按钮文字 ========== */
.night-mode .btn,
.night-mode .btn-primary,
.night-mode .btn-secondary {
  color: #fff !important;
}

.night-mode .btn-text {
  color: var(--text-primary) !important;
}

/* ========== 夜间模式：搜索和筛选 ========== */
.night-mode .search-box input,
.night-mode .filter-bar select,
.night-mode .filter-bar input {
  color: var(--text-primary) !important;
  background-color: var(--bg-card) !important;
  border-color: var(--border) !important;
}

/* ========== 夜间模式：滚动条 ========== */
.night-mode ::-webkit-scrollbar-track {
  background: var(--bg-content);
}

.night-mode ::-webkit-scrollbar-thumb {
  background: var(--border);
}

.night-mode ::-webkit-scrollbar-thumb:hover {
  background: var(--text-muted);
}

/* ========== 夜间模式：装饰线和分隔 ========== */
.night-mode .divider,
.night-mode .separator {
  background-color: var(--border) !important;
  border-color: var(--border) !important;
}

/* ========== 夜间模式：特殊颜色保留 ========== */
/* 保留链接颜色 */
.night-mode a[href] {
  color: #d4b866;
}

/* 保留警告/错误/成功颜色 */
.night-mode .text-danger,
.night-mode .text-error,
.night-mode .text-warning {
  color: #ff9b7a !important;
}

.night-mode .text-success {
  color: #8bc38b !important;
}

.night-mode .text-info {
  color: #7fb3d5 !important;
}

/* 保留特殊颜色 */
.night-mode .highlight {
  color: #f0d58c !important;
}

.night-mode .important {
  color: #ffb366 !important;
}

.night-mode .keyword {
  color: #e8a87c !important;
}

.night-mode .person-name {
  color: #c9a0dc !important;
}

.night-mode .place-name {
  color: #7ec8e3 !important;
}

.night-mode .event-name {
  color: #8bc38b !important;
}

/* ========== 夜间模式：首页浮动文字 ========== */
.night-mode .floating-text-left,
.night-mode .floating-text-right {
  color: rgba(212, 184, 102, 0.4) !important;
}

/* ========== 夜间模式：卡片和面板 ========== */
.night-mode .panel,
.night-mode .widget {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}

.night-mode .panel-title,
.night-mode .widget-title {
  color: #d4b866 !important;
}

/* ========== 夜间模式：故事列表 ========== */
.night-mode .story-card,
.night-mode .story-item {
  background-color: var(--bg-card) !important;
  border-color: var(--border) !important;
}

.night-mode .story-card h3,
.night-mode .story-item h3 {
  color: var(--text-primary) !important;
}

.night-mode .story-card .story-desc,
.night-mode .story-item .story-desc {
  color: var(--text-secondary) !important;
}

/* ========== 夜间模式：人物卡片 ========== */
.night-mode .character-card {
  background-color: var(--bg-card) !important;
  border-color: var(--border) !important;
}

.night-mode .character-card h3,
.night-mode .character-card .name {
  color: #d4b866 !important;
}

.night-mode .character-card .description,
.night-mode .character-card p {
  color: var(--text-primary) !important;
}

/* ========== 夜间模式：会员中心 ========== */
.night-mode .member-card {
  background-color: var(--bg-card) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}

.night-mode .privilege-item,
.night-mode .benefit-item {
  color: var(--text-primary) !important;
}

.night-mode .price-tag,
.night-mode .price {
  color: #e8a87c !important;
}

/* ========== 夜间模式：时间计时器 ========== */
.night-mode .timer,
.night-mode .reading-timer {
  color: var(--text-primary) !important;
}

.night-mode .timer-display,
.night-mode .time-display {
  color: #d4b866 !important;
}

/* ========== 夜间模式：移动端特定元素 ========== */
.night-mode .mobile-top-bar,
.night-mode .mobile-nav-bar {
  background-color: var(--bg-card) !important;
  border-color: var(--border) !important;
}

.night-mode .mobile-menu-item,
.night-mode .mobile-nav-item {
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}

.night-mode .mobile-subtitle,
.night-mode .mobile-title {
  color: var(--text-primary) !important;
}

.night-mode .mobile-more-menu {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
}

.night-mode .mobile-more-menu a,
.night-mode .mobile-more-menu span {
  color: var(--text-primary) !important;
}

/* ========== 夜间模式：AI助手和聊天 ========== */
.night-mode .chat-container,
.night-mode .chat-box {
  background-color: var(--bg-card) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}

.night-mode .chat-message,
.night-mode .message {
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}

.night-mode .chat-input,
.night-mode .message-input textarea {
  color: var(--text-primary) !important;
  background-color: var(--bg-content) !important;
  border-color: var(--border) !important;
}

.night-mode .recommended-question,
.night-mode .suggested-question {
  color: var(--text-primary) !important;
  background-color: var(--bg-content) !important;
  border-color: var(--border) !important;
}

/* ========== 夜间模式：音乐播放器 ========== */
.night-mode .music-player,
.night-mode .music-controls {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}

.night-mode .music-title,
.night-mode .track-title {
  color: var(--text-primary) !important;
}

.night-mode .progress-bar,
.night-mode .volume-bar {
  background-color: var(--border) !important;
}

.night-mode .progress-fill,
.night-mode .volume-fill {
  background-color: #d4b866 !important;
}

/* ========== 夜间模式：投诉举报页面 ========== */
.night-mode .top-bar {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
}

.night-mode .top-bar .logo h1 {
  color: #e8a87c !important;
  border-color: var(--border) !important;
}

.night-mode .main-nav a {
  color: var(--text-primary) !important;
}

.night-mode .main-nav a:hover {
  color: #d4b866 !important;
  background-color: var(--bg-content) !important;
  border-color: var(--border) !important;
}

.night-mode .complaint-section,
.night-mode .login-status-bar {
  background-color: var(--bg-card) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}

.night-mode .complaint-section h2,
.night-mode .login-status-bar .status-text {
  color: var(--text-primary) !important;
}

.night-mode .login-status-bar.logged-out {
  background-color: rgba(232, 168, 124, 0.1) !important;
  border-color: #c94f4f !important;
}

.night-mode .login-status-bar .status-text .highlight,
.night-mode .login-status-bar .status-text .warning {
  color: #ff9b7a !important;
}

.night-mode .login-status-bar .login-link {
  color: #e8a87c !important;
  border-color: var(--border) !important;
}

.night-mode .channel-info .channel-label {
  color: var(--text-primary) !important;
}

.night-mode .channel-info .channel-value {
  color: #e8a87c !important;
}

.night-mode .channel-info .channel-desc {
  color: var(--text-secondary) !important;
}

.night-mode .process-desc {
  color: var(--text-secondary) !important;
  background-color: rgba(212, 184, 102, 0.1) !important;
  border-color: var(--border) !important;
}

.night-mode .complaint-form label {
  color: var(--text-primary) !important;
}

.night-mode .complaint-form input,
.night-mode .complaint-form textarea,
.night-mode .complaint-form select {
  color: var(--text-primary) !important;
  background-color: var(--bg-content) !important;
  border-color: var(--border) !important;
}

.night-mode .complaint-form input:focus,
.night-mode .complaint-form textarea:focus {
  background-color: var(--bg-card) !important;
  border-color: #d4b866 !important;
  box-shadow: 0 0 0 3px rgba(212, 184, 102, 0.2) !important;
}

.night-mode .file-upload-area {
  color: var(--text-primary) !important;
  background-color: var(--bg-content) !important;
  border-color: var(--border) !important;
}

.night-mode .upload-text,
.night-mode .upload-hint {
  color: var(--text-primary) !important;
}

.night-mode .history-item {
  background-color: var(--bg-card) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}

.night-mode .history-item .history-type,
.night-mode .history-item .history-desc {
  color: var(--text-primary) !important;
}

.night-mode .history-item .history-time,
.night-mode .history-item .history-reason {
  color: var(--text-secondary) !important;
}

.night-mode .history-item .history-result {
  color: var(--text-secondary) !important;
  background-color: var(--bg-content) !important;
  border-color: var(--border) !important;
}

.night-mode .complaint-footer {
  background-color: var(--bg-content) !important;
  border-color: var(--border) !important;
}

.night-mode .complaint-header h1 {
  color: #e8a87c !important;
}

.night-mode .complaint-header p {
  color: var(--text-secondary) !important;
}

.night-mode .complaint-section h2::after {
  background-color: #e8a87c !important;
}

/* ========== 夜间模式：标签和徽章颜色 ========== */
.night-mode .status-pending,
.night-mode .status-processing {
  background-color: var(--bg-content) !important;
  color: #d4b866 !important;
  border-color: var(--border) !important;
}

.night-mode .status-resolved,
.night-mode .status-success {
  background-color: rgba(139, 195, 139, 0.2) !important;
  color: #8bc38b !important;
  border-color: var(--border) !important;
}

.night-mode .status-rejected,
.night-mode .status-failed {
  background-color: rgba(255, 155, 122, 0.2) !important;
  color: #ff9b7a !important;
  border-color: var(--border) !important;
}

/* ========== 夜间模式：分页控件 ========== */
.night-mode .pagination-controls {
  background-color: var(--bg-card) !important;
  border-color: var(--border) !important;
}

.night-mode .pagination-controls button {
  color: var(--text-primary) !important;
  background-color: var(--bg-content) !important;
  border-color: var(--border) !important;
}

.night-mode .pagination-controls button:hover:not(:disabled) {
  background-color: #d4b866 !important;
  color: #1a1917 !important;
}

.night-mode .pagination-controls button:disabled {
  opacity: 0.5;
}

/* ========== 夜间模式：轮播和图片 ========== */
.night-mode .carousel-slide,
.night-mode .image-carousel-container {
  background-color: var(--bg-card) !important;
  border-color: var(--border) !important;
}

/* 夜间模式：图片容器背景色适配 */
.night-mode .carousel-wrapper,
.night-mode .carousel-track {
  background-color: var(--bg-card) !important;
}

/* 夜间模式：图片滤镜处理，降低对比度 */
.night-mode img,
.night-mode .carousel-slide img,
.night-mode .image-carousel-container img,
.night-mode .story-image img,
.night-mode .scene-img,
.night-mode .map-img,
.night-mode .zztj-manuscript img {
  /* 组合滤镜：降低亮度、对比度和饱和度，使图片更柔和 */
  filter: brightness(0.85) contrast(0.9) saturate(0.9);
  transition: filter 0.3s ease;
}

/* 夜间模式：图片悬停时恢复一些亮度 */
.night-mode img:hover,
.night-mode .carousel-slide img:hover,
.night-mode .image-carousel-container img:hover {
  filter: brightness(0.95) contrast(0.95) saturate(0.95);
}

/* 夜间模式：图片容器添加轻微暗色遮罩效果 */
.night-mode .carousel-slide::after,
.night-mode .image-carousel-container::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(30, 28, 24, 0.15) 0%, rgba(30, 28, 24, 0.1) 100%);
  pointer-events: none;
  border-radius: 8px;
}

/* 夜间模式：图片弹窗中的图片也需要处理 */
.night-mode .image-modal .image-modal-content img {
  filter: brightness(0.88) contrast(0.92) saturate(0.9);
}

/* 夜间模式：古本/手稿图片处理 */
.night-mode .beian-img,
.night-mode .zztj-manuscript img {
  filter: brightness(0.92) contrast(0.95) sepia(0.03);
}

/* 夜间模式：古本Canvas阅读器（侧边栏+全屏）*/
.night-mode #gubenSidebarCanvas,
.night-mode #gubenCanvas {
  filter: brightness(0.92) contrast(1.05) saturate(0.95);
}

/* 夜间模式：人物场景图片 */
.night-mode .scene-img {
  filter: brightness(0.85) contrast(0.9) saturate(0.85);
}

/* 夜间模式：地图图片 */
.night-mode .map-img {
  filter: brightness(0.8) contrast(0.85) saturate(0.85);
}

/* 夜间模式：二维码图片保持原样，不应用滤镜 */
.night-mode .qr-img,
.night-mode .qr-placeholder img {
  filter: none !important;
}

/* 夜间模式：头像图片保持清晰 */
.night-mode .chat-avatar img,
.night-mode .mobile-user-avatar img {
  filter: brightness(0.9) contrast(0.95);
}

/* 夜间模式：幻灯片说明文字 */
.night-mode .slide-caption {
  background-color: rgba(0, 0, 0, 0.7) !important;
  color: var(--text-primary) !important;
}

/* 夜间模式：轮播导航按钮 */
.night-mode .carousel-prev,
.night-mode .carousel-next {
  background-color: rgba(0, 0, 0, 0.6) !important;
  color: var(--text-primary) !important;
}

/* 夜间模式：分页指示器 */
.night-mode .carousel-dots .dot {
  background-color: var(--border) !important;
}

.night-mode .carousel-dots .dot.active {
  background-color: #d4b866 !important;
}

/* ========== 夜间模式：毛主席文章特定 ========== */
.night-mode .mao-article {
  background-color: var(--bg-card) !important;
}

.night-mode .mao-article .article-header h2 {
  color: #e8a87c !important;
}

.night-mode .mao-article .article-subtitle {
  color: var(--text-secondary) !important;
}

.night-mode .mao-quote {
  background-color: unset !important;
  border-color: #d4b866 !important;
  border: 2px solid #b8b4aa !important;
  color: red !important;
}

.night-mode .mao-quote p {
  color: #a9a9a9 !important;
}

.night-mode .mao-quote.mao-quote-intro p {
  color: #8d8986 !important;
}

.night-mode .mao-quote.conclusion {
  background-color: var(--bg-content) !important;
  border-color: #7fb3d5 !important;
}

.night-mode .mao-quote.conclusion p {
  color: #7fb3d5 !important;
}

.night-mode .dialogue {
  background-color: var(--bg-content) !important;
  border-color: var(--border) !important;
}

.night-mode .dialogue p {
  color: var(--text-primary) !important;
}

.night-mode .dialogue strong {
  color: #e8a87c !important;
}

/* ========== 夜间模式：等待层 ========== */
.night-mode .waiting-layer {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.night-mode .waiting-layer-content {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}

/* ========== 夜间模式：更多菜单 ========== */
.night-mode .mobile-user-logged-out,
.night-mode .mobile-user-logged-in {
  background-color: var(--bg-content) !important;
}

.night-mode .mobile-user-name,
.night-mode .mobile-user-desc {
  color: var(--text-primary) !important;
}

.night-mode .mobile-user-login-btn {
  background-color: #d4b866 !important;
  color: #1a1917 !important;
  border-color: #d4b866 !important;
}

.night-mode .mobile-user-action-btn {
  color: #d4b866 !important;
  border-color: var(--border) !important;
}

.night-mode .mode-btn {
  color: var(--text-primary) !important;
  background-color: var(--bg-content) !important;
  border-color: var(--border) !important;
}

.night-mode .mode-btn.active {
  background-color: #d4b866 !important;
  color: #1a1917 !important;
}

/* ========== 夜间模式：侧边栏选中状态 ========== */
.night-mode .chapter-item.active,
.night-mode .chapter-item:hover {
  background-color: var(--bg-content) !important;
  color: #d4b866 !important;
}

.night-mode .volume-item.active,
.night-mode .volume-item:hover {
  background-color: var(--bg-content) !important;
  color: #d4b866 !important;
}

/* ========== 夜间模式：标签云 ========== */
.night-mode .tag-cloud,
.night-mode .keyword-cloud {
  color: var(--text-primary) !important;
}

.night-mode .tag-cloud span,
.night-mode .keyword-cloud span {
  color: #d4b866 !important;
  background-color: var(--bg-content) !important;
  border-color: var(--border) !important;
}

/* ========== 夜间模式：底部版权 ========== */
.night-mode .copyright {
  color: var(--text-secondary) !important;
}

/* ========== 夜间模式：侧边栏完整适配 ========== */
.night-mode .sidebar-left {
  background-color: var(--bg-sidebar) !important;
  border-right-color: var(--border) !important;
  box-shadow: none !important;
}

.night-mode .sidebar-right {
  background-color: var(--bg-sidebar) !important;
  border-left-color: var(--border) !important;
}

.night-mode .volume-div {
  color: var(--text-primary) !important;
}

.night-mode .volume-div:hover {
  color: #d4b866 !important;
  background-color: var(--bg-content) !important;
}

.night-mode .volume-title .toggle-btn {
  color: var(--text-secondary) !important;
}

.night-mode .chapter-item {
  color: var(--text-secondary) !important;
}

.night-mode .chapter-item:hover {
  background-color: var(--bg-content) !important;
  color: #d4b866 !important;
}

.night-mode .chapter-item.active {
  background-color: var(--bg-content) !important;
  color: #d4b866 !important;
  border-left-color: #d4b866 !important;
}

.night-mode .chapter-list {
  border-color: var(--border) !important;
}

/* ========== 夜间模式：内容区适配 ========== */
.night-mode .content-center {
  background-color: var(--bg-content) !important;
}

.night-mode #article-container {
  background-color: var(--bg-content) !important;
  color: var(--text-primary) !important;
}

.night-mode .paragraph {
  color: var(--text-primary) !important;
}

.night-mode .chapter-info h3,
.night-mode .original-preview h3 {
  color: #d4b866 !important;
}

.night-mode .chapter-info p {
  color: var(--text-primary) !important;
}

.night-mode .year-title {
  color: #d4b866 !important;
  border-color: var(--border) !important;
}

.night-mode .year-title .year-number {
  color: #e8a87c !important;
}

/* ========== 夜间模式：导航栏适配 ========== */
.night-mode .top-bar,
.night-mode .header-bar {
  background-color: var(--bg-card) !important;
  border-color: var(--border) !important;
}

.night-mode .top-bar .logo,
.night-mode .header-bar .logo {
  color: var(--text-primary) !important;
}

.night-mode .top-bar .logo h1,
.night-mode .header-bar .logo h1 {
  color: #d4b866 !important;
  border-color: var(--border) !important;
}

.night-mode .main-nav a {
  color: var(--text-primary) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

.night-mode .main-nav a:hover,
.night-mode .main-nav a.active {
  color: #d4b866 !important;
  background-color: var(--bg-content) !important;
  border-color: var(--border) !important;
}

.night-mode .nav-btn {
  color: var(--text-primary) !important;
  background-color: var(--bg-card) !important;
  border-color: var(--border) !important;
}

.night-mode .nav-btn:hover {
  background-color: var(--bg-content) !important;
  color: #d4b866 !important;
}

/* ========== 夜间模式：筛选栏适配 ========== */
.night-mode .filter-bar,
.night-mode .filter-bar select,
.night-mode .filter-bar input {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}

.night-mode .filter-bar label {
  color: var(--text-primary) !important;
}

/* ========== 夜间模式：设置面板适配 ========== */
.night-mode .settings-panel,
.night-mode .settings-overlay {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.night-mode .settings-panel-content {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}

.night-mode .settings-panel h3 {
  color: #d4b866 !important;
  border-color: var(--border) !important;
}

.night-mode .settings-panel label {
  color: var(--text-primary) !important;
}

.night-mode .bg-color-options .color-option {
  border-color: var(--border) !important;
}

.night-mode .bg-color-options .color-option.active {
  border-color: #d4b866 !important;
  box-shadow: 0 0 0 2px rgba(212, 184, 102, 0.3) !important;
}

/* ========== 夜间模式：底部状态栏适配 ========== */
.night-mode .status-bar,
.night-mode .footer-bar {
  background-color: var(--bg-card) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}

.night-mode .status-bar .status-item {
  color: var(--text-primary) !important;
}

.night-mode .status-bar .highlight {
  color: #d4b866 !important;
}

/* ========== 夜间模式：弹窗/模态框适配 ========== */
.night-mode .modal-overlay,
.night-mode .popup-overlay {
  background-color: rgba(0, 0, 0, 0.85) !important;
}

.night-mode .modal-content,
.night-mode .popup-content {
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}

.night-mode .modal-content h2,
.night-mode .popup-content h2 {
  color: var(--accent) !important;
  border-color: var(--border) !important;
}

.night-mode .modal-close:hover {
  color: var(--text-primary) !important;
}

.night-mode .modal-btn.primary {
  color: var(--text-primary) !important;
}

.night-mode .modal-btn.default {
  color: var(--text-primary) !important;
}

/* ========== 夜间模式：标签云/关键词适配 ========== */
.night-mode .tag-cloud,
.night-mode .keyword-cloud {
  color: var(--text-primary) !important;
}

.night-mode .tag-cloud span,
.night-mode .keyword-cloud span {
  color: #d4b866 !important;
  background-color: var(--bg-content) !important;
  border-color: var(--border) !important;
}

.night-mode .tag-cloud span:hover,
.night-mode .keyword-cloud span:hover {
  background-color: var(--border) !important;
  color: #fff !important;
}