/* mtjo_blog 主题自定义样式（移植补充） */

/* 页面标题栏 */
.page-title-bar {
    background: #fff;
    padding: 15px 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    border-left: 4px solid #cd4450;
}
.page-title-bar h2 { margin: 0; font-size: 20px; color: #333; }

/* 分类列表 */
.category-list { background: #fff; padding: 20px; border-radius: 4px; }
.category-item { padding: 15px 0; border-bottom: 1px dashed #eee; }
.category-item:last-child { border-bottom: none; }
.category-item h3 { margin: 0 0 8px; font-size: 16px; }
.category-item h3 img { width: 24px; height: 24px; border-radius: 50%; vertical-align: middle; margin-right: 8px; }
.category-item .post-count { color: #999; font-size: 13px; font-weight: normal; }
.category-desc { color: #888; font-size: 13px; margin: 5px 0 0; }

/* 标签云列表 */
.tag-cloud-list { background: #fff; padding: 20px; border-radius: 4px; line-height: 2.8; }
.tag-cloud-list .tag-item { margin: 3px; padding: 5px 12px; font-size: 13px; }
.tag-cloud-list .tag-item span { color: #999; }

/* 友链列表 */
.link-list { background: #fff; padding: 20px; border-radius: 4px; overflow: hidden; }
.link-item { display: inline-block; width: 31%; min-width: 220px; vertical-align: top; margin: 0 1% 16px; }
.link-item a { display: block; padding: 12px; background: #f9f9f9; border-radius: 4px; color: #555; }
.link-item a:hover { background: #cd4450; color: #fff; text-decoration: none; }
.link-item img { width: 32px; height: 32px; border-radius: 50%; vertical-align: middle; margin-right: 8px; }
.link-desc { color: #999; font-size: 12px; margin: 5px 0 0; }

/* 图库 */
.photo-list { overflow: hidden; }
.photo-item { float: left; width: 25%; padding: 8px; box-sizing: border-box; }
.photo-item a { display: block; overflow: hidden; border-radius: 4px; }
.photo-item img { width: 100%; height: 180px; object-fit: cover; transition: transform .3s; }
.photo-item:hover img { transform: scale(1.05); }
.photo-name { text-align: center; margin: 6px 0 0; font-size: 13px; color: #555; }
.photo-location { text-align: center; margin: 0; font-size: 12px; color: #999; }

/* 日志 */
.journal-list { background: #fff; padding: 20px; border-radius: 4px; }
.journal-item { padding: 15px 0; border-bottom: 1px dashed #eee; }
.journal-item:last-child { border-bottom: none; }
.journal-content { line-height: 1.8; color: #444; }
.journal-content img { max-width: 100%; }
.journal-meta { margin-top: 10px; color: #999; font-size: 13px; }
.journal-meta span { margin-right: 18px; }

/* 归档 */
.archive-list { background: #fff; padding: 20px; border-radius: 4px; }
.archive-year { margin-bottom: 20px; }
.archive-year h3 { font-size: 18px; color: #cd4450; border-bottom: 2px solid #cd4450; padding-bottom: 6px; margin-bottom: 12px; }
.archive-posts { list-style: none; padding-left: 20px; }
.archive-posts li { padding: 6px 0; }
.archive-date { display: inline-block; width: 90px; color: #999; font-size: 13px; }

/* 上下篇导航 */
.article-nav { overflow: hidden; margin: 25px 0; padding: 15px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.article-nav .prev { float: left; max-width: 48%; }
.article-nav .next { float: right; max-width: 48%; text-align: right; }
.article-nav a { color: #555; }
.article-nav a:hover { color: #cd4450; text-decoration: none; }

/* 点赞已赞样式 */
.thumbs-button.liked { background-color: #cd4450; cursor: default; opacity: 0.9; }

/* 空状态 */
.no-article-content { text-align: center; padding: 60px 20px; color: #999; font-size: 15px; background: #fff; border-radius: 4px; }

/* ============ 暗黑模式（html.dark 覆盖） ============ */
html.dark { background-color: #1a1a1a; }
html.dark body { background: #1a1a1a; color: #d4d4d4; }
html.dark a { color: #4ea1ff; }
html.dark a:hover, html.dark a:focus { color: #7ab8ff; }

/* 卡片/容器背景 */
html.dark .blogs,
html.dark .article-main,
html.dark .comment-main,
html.dark .comment-describe,
html.dark .panel,
html.dark .panel-default,
html.dark .page-title-bar,
html.dark .category-list,
html.dark .tag-cloud-list,
html.dark .link-list,
html.dark .journal-list,
html.dark .archive-list,
html.dark .no-article-content {
    background: #2a2a2a !important;
    color: #d4d4d4;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .4) !important;
}
html.dark .panel-default { border-color: #444; }

/* 标题文字 */
html.dark .blogtitle a,
html.dark .article-title,
html.dark .panel-heading,
html.dark .panel-title,
html.dark .page-title-bar h2,
html.dark .archive-year h3,
html.dark .comment-describe-title,
html.dark .category-item h3 {
    color: #e4e4e4;
}
html.dark .article-main .article-body h1,
html.dark .article-main .article-body h2,
html.dark .article-main .article-body h3,
html.dark .article-main .article-body h4,
html.dark .article-main .article-body h5,
html.dark .article-main .article-body h6,
html.dark .markdown-body h1, html.dark .markdown-body h2, html.dark .markdown-body h3,
html.dark .markdown-body h4, html.dark .markdown-body h5, html.dark .markdown-body h6 {
    color: #e4e4e4;
}

/* 副文字 */
html.dark .blogtext,
html.dark .bloginfo li,
html.dark .bloginfo li .comment-link-a,
html.dark .article-meta,
html.dark .journal-meta,
html.dark .journal-meta span,
html.dark .category-desc,
html.dark .link-desc,
html.dark .photo-name,
html.dark .photo-location,
html.dark .archive-date,
html.dark .category-item .post-count {
    color: #999;
}
html.dark .bloginfo li .comment-link-a:hover,
html.dark .blogtitle a:hover { color: #4ea1ff; }

/* navbar */
html.dark .navbar-default { background-color: #2a2a2a; border-color: #444; }
html.dark .navbar-default .navbar-nav > li > a,
html.dark .navbar-default .navbar-nav > li > a:hover,
html.dark .navbar-default .navbar-nav > li > a:focus { color: #d4d4d4; }
html.dark .navbar-default .navbar-nav > .active > a,
html.dark .navbar-default .navbar-nav > .active > a:hover,
html.dark .navbar-default .navbar-nav > .active > a:focus { background-color: #3a3a3a; color: #fff; }
html.dark .navbar-toggle { border-color: #555; }
html.dark .navbar-toggle .icon-bar { background-color: #d4d4d4; }
html.dark .navbar-collapse { border-color: #444; }

/* dropdown */
html.dark .dropdown-menu { background-color: #2a2a2a; border-color: #444; }
html.dark .dropdown-menu > li > a { color: #d4d4d4; }
html.dark .dropdown-menu > li > a:hover,
html.dark .dropdown-menu > li > a:focus { background-color: #3a3a3a; color: #fff; }

/* 表单/输入框 */
html.dark .form-control { background-color: #3a3a3a; border-color: #555; color: #d4d4d4; }
html.dark .form-control:focus { border-color: #0077dd; }
html.dark input, html.dark textarea { color: #d4d4d4; }
html.dark .btn-default { background-color: #3a3a3a; border-color: #555; color: #d4d4d4; }
html.dark .btn-default:hover { background-color: #444; color: #fff; }

/* tabs（sidebar） */
html.dark .nav-tabs { border-bottom-color: #444; }
html.dark .nav-tabs > li > a { color: #999; border-color: transparent; }
html.dark .nav-tabs > li > a:hover { background-color: #3a3a3a; color: #d4d4d4; }
html.dark .nav-tabs > li.active > a,
html.dark .nav-tabs > li.active > a:hover,
html.dark .nav-tabs > li.active > a:focus { background-color: #2a2a2a; color: #d4d4d4; border-color: #444; border-bottom-color: #2a2a2a; }
html.dark .tab-content { color: #d4d4d4; }
html.dark .article-list .slide a { color: #d4d4d4; }

/* 分页 */
html.dark #pagebar .pagination { background: transparent; }
html.dark #pagebar .pagination a { background: #2a2a2a; color: #d4d4d4; border: 1px solid #444; }
html.dark #pagebar .pagination a:hover { background: #3a3a3a; }
html.dark #pagebar .pagination a.active { background: #0077dd; color: #fff; border-color: #0077dd; }

/* 正文 markdown */
html.dark .article-body, html.dark .markdown-body { color: #d4d4d4; }
html.dark .article-body p, html.dark .markdown-body p,
html.dark .article-body li, html.dark .markdown-body li { color: #d4d4d4; }
html.dark .article-body pre, html.dark .markdown-body pre,
html.dark .article-body code, html.dark .markdown-body code { background: #141414; }
html.dark .article-body pre, html.dark .markdown-body pre { border: 1px solid #333; }
html.dark .markdown-body table th, html.dark .markdown-body table td,
html.dark .article-body table th, html.dark .article-body table td { border-color: #444; }
html.dark .markdown-body table tr:nth-child(2n),
html.dark .article-body table tr:nth-child(2n) { background: #222; }
html.dark .markdown-body blockquote, html.dark .article-body blockquote { color: #999; border-left-color: #444; }

/* footer */
html.dark .copyright-dark, html.dark .copyright-section { background: #222 !important; color: #999; }
html.dark .copyright-dark a { color: #bbb; }

/* sidebar panel 深色补充（覆盖 bootstrap .panel-heading #f5f5f5）*/
html.dark .panel-heading { background-color: #333 !important; border-bottom: 1px solid #444; color: #e4e4e4 !important; }
html.dark .panel-body { background-color: #2a2a2a !important; color: #d4d4d4; }
html.dark .panel-footer { background-color: #333 !important; }
html.dark .sidebar-tabs { background-color: #2a2a2a !important; }
html.dark .sidebar-tabs .tab-content,
html.dark .sidebar-tabs .tab-pane,
html.dark .article-list { background-color: #2a2a2a !important; color: #d4d4d4; }
html.dark .article-list .slide a { color: #d4d4d4; }
html.dark .article-list .slide a:hover { color: #4ea1ff; }
html.dark .webinfo .panel-body ul li,
html.dark .about .panel-body { color: #d4d4d4; }
html.dark .abname { color: #e4e4e4; }
html.dark .abtext { color: #999; }

/* sidebar-tabs 深色补充（覆盖 web-blog.css .sidebar-tabs .nav-tabs #f5f5f5 / active #fff）*/
html.dark .sidebar-tabs { border-color: #444 !important; }
html.dark .sidebar-tabs .nav-tabs { background-color: #333 !important; }
html.dark .sidebar-tabs .nav-tabs > li { border-color: #444; }
html.dark .sidebar-tabs .nav-tabs > li > a { color: #999 !important; background-color: transparent !important; }
html.dark .sidebar-tabs .nav-tabs > li > a:hover { background-color: #3a3a3a !important; color: #d4d4d4; }
html.dark .sidebar-tabs .nav-tabs > li.active > a,
html.dark .sidebar-tabs .nav-tabs > li.active > a:focus,
html.dark .sidebar-tabs .nav-tabs > li.active > a:hover { background-color: #2a2a2a !important; color: #0077dd; border-bottom-color: #2a2a2a; }

/* 点赞/打赏按钮保持品牌色，不反转 */

/* 友链/图库项 */
html.dark .link-item a { background: #333; }
html.dark .link-item a:hover { background: #0077dd; }

/* 配色切换按钮 */
.theme-switch a { cursor: pointer; font-size: 16px; }
.theme-switch .fa { line-height: 30px; }