/*
 * DiscuzLike 主题 - 深色模式
 *
 * @package DiscuzLike
 * @since 1.0.0
 */

html.dark-mode {
    --bg-body: #171c24;
    --bg-white: #1e252d;
    --bg-alt: #252c36;
    --bg-hover: #2a313c;

    --text-color: #d8dee6;
    --text-light: #a0aec0;
    --text-muted: #6d7b8c;

    --border-color: #2e3642;
    --border-light: #262d37;

    --topbar-bg: #0f1419;
    --header-bg: linear-gradient(180deg, #162029 0%, #0f1419 100%);
    --footer-bg: #0f1419;

    --primary-light: rgba(0, 123, 255, 0.25);
}

html.dark-mode body {
    background: var(--bg-body);
    color: var(--text-color);
}

/* 顶部栏（深色模式下更暗） */
html.dark-mode .topbar {
    background: var(--topbar-bg);
    color: rgba(255, 255, 255, 0.5);
    border-bottom-color: rgba(255, 255, 255, 0.06);
}
html.dark-mode .topbar-left strong {
    color: #fff;
}
html.dark-mode .topbar-link:hover {
    color: #fff;
}
html.dark-mode .topbar-sep {
    color: rgba(255, 255, 255, 0.15);
}

/* 导航栏（深色模式渐变） */
html.dark-mode .site-header {
    background: var(--header-bg);
    color: #fff;
}
html.dark-mode .site-logo {
    color: #fff;
}
html.dark-mode .site-logo:hover {
    color: var(--primary-color);
}
html.dark-mode .menu-toggle span {
    background: #fff;
}
html.dark-mode .nav-menu > li > a {
    color: rgba(255, 255, 255, 0.8);
}
html.dark-mode .nav-menu > li > a:hover,
html.dark-mode .nav-menu > li.current-menu-item > a {
    background: var(--primary-color);
    color: #fff;
}

/* 下拉菜单 */
html.dark-mode .nav-menu ul {
    background: var(--bg-white);
    border-color: var(--border-color);
}

/* 搜索框（深色模式下半透明白底） */
html.dark-mode .search-form {
    background: rgba(255, 255, 255, 0.12);
    border: none;
}
html.dark-mode .search-field {
    color: #fff;
}
html.dark-mode .search-field::placeholder {
    color: rgba(255, 255, 255, 0.55);
}
html.dark-mode .search-submit {
    color: rgba(255, 255, 255, 0.6);
}

/* 面包屑 */
html.dark-mode .breadcrumb {
    background: var(--bg-white);
}
html.dark-mode .breadcrumb a {
    color: var(--text-light);
}

/* 公告栏 */
html.dark-mode .forum-announcement {
    background: #2d2516;
    color: #ed8936;
    border-left-color: var(--warning-color);
}
html.dark-mode .forum-announcement a {
    color: #ed8936;
}

/* 底图卡片 */
html.dark-mode .d-card.has-bg {
    border-color: rgba(255, 255, 255, 0.12);
}
html.dark-mode .d-card.no-bg {
    background: var(--bg-white);
    border-color: var(--border-light);
}

html.dark-mode .d-card.no-bg .d-card-avatar img {
    border-color: var(--border-color);
}
html.dark-mode .d-card.no-bg .d-card-cat {
    color: var(--primary-color);
}
html.dark-mode .d-card.no-bg .d-card-title a {
    color: var(--text-color);
}
html.dark-mode .d-card.no-bg .d-card-title a:hover {
    color: var(--primary-color);
}
html.dark-mode .d-card.no-bg .d-card-meta {
    color: var(--text-muted);
}
html.dark-mode .d-card.no-bg .d-card-meta-author {
    color: var(--primary-color);
}
html.dark-mode .d-card.no-bg .d-card-meta-item:hover {
    color: var(--primary-color);
}
html.dark-mode .d-card.no-bg .d-card-excerpt {
    color: var(--text-light);
}
html.dark-mode .d-card.no-bg .d-card-tag {
    background: var(--bg-alt);
    color: var(--text-light);
}

/* 侧边栏 */
html.dark-mode .widget {
    background: var(--bg-white);
}

html.dark-mode .widget-title {
    background: linear-gradient(180deg, #242833 0%, #1e2129 100%);
    border-bottom-color: var(--border-color);
    color: var(--text-color);
}

html.dark-mode .post-list-simple a {
    color: var(--text-color);
}

/* 单篇文章页 */
html.dark-mode .single-article {
    background: var(--bg-white);
}

html.dark-mode .single-title {
    color: var(--text-color);
}

html.dark-mode .single-content {
    color: var(--text-color);
}

html.dark-mode .single-content blockquote {
    background: var(--bg-alt);
    color: var(--text-light);
}

html.dark-mode .single-content code {
    background: var(--bg-alt);
}

html.dark-mode .single-content pre {
    background: #0f1419;
}

/* 点赞按钮（深色模式） */
html.dark-mode .single-like-box {
    background: linear-gradient(135deg, rgba(0,123,255,.08) 0%, rgba(231,76,60,.06) 100%);
    border-color: var(--border-color);
}
html.dark-mode .discuzlike-like-btn {
    background: var(--bg-white);
    box-shadow: 0 2px 8px rgba(0,0,0,.3);
}
html.dark-mode .d-card-like-btn:hover,
html.dark-mode .d-card-like-btn.is-liked {
    color: #ff6b6b;
}

/* 分页 */
html.dark-mode .pagination a,
html.dark-mode .pagination .current {
    background: var(--bg-alt);
    border-color: var(--border-color);
    color: var(--text-color);
}

html.dark-mode .pagination a:hover {
    background: var(--primary-color);
    color: #fff;
}

html.dark-mode .pagination .current {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

/* 评论区 */
html.dark-mode .comments-area {
    background: var(--bg-white);
}

html.dark-mode .comment-list .children {
    border-left-color: var(--border-color);
}

/* 搜索/归档 */
html.dark-mode .archive-header,
html.dark-mode .no-content {
    background: var(--bg-white);
}

/* 404 */
html.dark-mode .error-code {
    color: var(--primary-color);
}

/* 上一篇/下一篇 */
html.dark-mode .single-pagination > div {
    background: var(--bg-white);
}

/* 广告位 */
html.dark-mode .discuzlike-ad {
    background: var(--bg-white);
}

/* 回到顶部 */
html.dark-mode .back-to-top {
    background: var(--primary-color);
}

/* 页脚 */
html.dark-mode .site-footer {
    background: var(--footer-bg);
    color: var(--text-muted);
    border-top-color: var(--border-color);
}
html.dark-mode .footer-navigation a:hover,
html.dark-mode .footer-powered a:hover,
html.dark-mode .footer-beian-item a:hover {
    color: var(--primary-color);
}

/* 深色切换按钮 */
html.dark-mode .dark-toggle {
    filter: invert(1);
}
