/**
 * Kboke v2.0 视觉升级与新功能样式
 * 资讯门户版 / 暗色模式 / 阅读进度条 / 专题聚合 / 文章格式徽章
 */

/* ============ 暗色模式变量 ============ */
html[data-theme="dark"] {
    --primary-light: color-mix(in srgb, var(--primary) 15%, transparent);
    --primary-contrast: color-mix(in srgb, var(--primary) 82%, white 18%);
    --bg-deep: #0b1220;
    --bg: #0f172a;
    --white: #1e293b;
    --gray-100: #334155;
    --border-light: rgba(255, 255, 255, 0.08);
    --border-blue: rgba(255, 255, 255, 0.08);
    --text: #e2e8f0;
    --gray: #94a3b8;
    --muted: #64748b;
    --border: rgba(255, 255, 255, 0.08);
    --shadow: 0 10px 40px rgba(0, 0, 0, 0.45);
    color-scheme: dark;
}
html[data-theme="dark"] body { background: var(--bg); color: var(--text); }
html[data-theme="dark"] #kboke-header {
    background: rgba(15, 23, 42, 0.85);
    border-bottom-color: var(--border);
}
html[data-theme="dark"] .header-menu a {
    color: var(--text);
}
html[data-theme="dark"] .header-menu a:hover,
html[data-theme="dark"] .header-menu a:focus,
html[data-theme="dark"] .header-menu .current-menu-item > a,
html[data-theme="dark"] .header-menu .current_page_item > a {
    color: var(--primary);
}
html[data-theme="dark"] .kboke-main,
html[data-theme="dark"] .widget,
html[data-theme="dark"] .kboke-feed-card,
html[data-theme="dark"] .single-content,
html[data-theme="dark"] .post-card,
html[data-theme="dark"] .kboke-list-item {
    background: var(--white);
    color: var(--text);
}
html[data-theme="dark"] pre,
html[data-theme="dark"] code { background: var(--bg-deep); color: var(--text); }
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
    background: var(--bg-deep); color: var(--text); border-color: var(--border);
}
html[data-theme="dark"] .single-title,
html[data-theme="dark"] .page-title,
html[data-theme="dark"] .kboke-page-header-title,
html[data-theme="dark"] .archive-title,
html[data-theme="dark"] .search-result-title { color: var(--text); }
html[data-theme="dark"] #kboke-footer { background: var(--bg-deep); }

/* 暗色下正文/内容区链接保留主色，便于阅读；卡片 meta/分类/作者等默认中性色见下方覆盖 */
html[data-theme="dark"] .single-content a,
html[data-theme="dark"] .post-card-excerpt a,
html[data-theme="dark"] .post-card-content a,
html[data-theme="dark"] .kboke-sidebar .widget a:not(.kboke-media-title):not(.kboke-random-title):not(.post-card-cat):not(.post-card-author a) {
    color: var(--primary-contrast);
}
html[data-theme="dark"] .single-content a:hover,
html[data-theme="dark"] .post-card-excerpt a:hover,
html[data-theme="dark"] .post-card-content a:hover,
html[data-theme="dark"] .kboke-sidebar .widget a:hover {
    color: var(--primary);
}

/* 平滑主题过渡 */
body, #kboke-header, .kboke-main, .widget, .kboke-feed-card, .single-content {
    transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}

/* ============ 头部玻璃拟态微升级 ============ */
#kboke-header {
    -webkit-backdrop-filter: saturate(160%) blur(12px);
    backdrop-filter: saturate(160%) blur(12px);
}

/* ============ 暗色模式切换按钮（顶部导航内联） ============ */
.kboke-dark-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: none;
    color: var(--text);
    box-shadow: none;
    font-size: 13px;
    cursor: pointer;
    flex-shrink: 0;
    transition: background .2s ease, color .2s ease;
}
.kboke-dark-toggle:hover { background: var(--gray-100); color: var(--primary); }
.kboke-dark-toggle .kboke-dark-ico { font-size: 17px; line-height: 1; }
.kboke-dark-toggle .kboke-dark-label { display: none; }  /* 顶部仅显示图标 */

/* ============ 阅读进度条 ============ */
.kboke-reading-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    z-index: 10000;
    background: transparent;
    pointer-events: none;
}
.kboke-reading-progress > span {
    display: block;
    height: 100%;
    width: 0;
    background: linear-gradient(90deg, var(--primary), var(--primary-hover));
    box-shadow: 0 0 8px color-mix(in srgb, var(--primary) 50%, transparent);
    transition: width .1s linear;
}

/* ============ 资讯门户版 ============ */
.kboke-portal { padding: 24px 0 40px; }

/* 焦点大图幻灯 */
.kboke-slider {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    margin-bottom: 30px;
    background: var(--white);
}
.kboke-slider-track { display: flex; transition: transform .5s cubic-bezier(.22,.61,.36,1); }
.kboke-slide {
    position: relative;
    flex: 0 0 100%;
    display: block;
    height: 400px;
    overflow: hidden;
    text-decoration: none;
}
.kboke-slide-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 6s ease; }
.kboke-slider:hover .kboke-slide-img { transform: scale(1.05); }
.kboke-slide-mask {
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.72) 0%, rgba(0,0,0,.15) 45%, transparent 70%);
}
.kboke-slide-caption { position: absolute; left: 28px; right: 28px; bottom: 26px; }
.kboke-slide-cat {
    display: inline-block;
    padding: 3px 12px;
    margin-bottom: 10px;
    border-radius: 999px;
    background: var(--primary);
    color: #fff;
    font-size: 12px;
}
.kboke-slide-title {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    text-shadow: 0 2px 12px rgba(0,0,0,.4);
}
.kboke-slider-dots { position: absolute; right: 28px; bottom: 20px; display: flex; gap: 8px; z-index: 3; }
.kboke-slider-dots button {
    width: 9px; height: 9px; padding: 0; border: 0; border-radius: 50%;
    background: rgba(255,255,255,.5); cursor: pointer; transition: all .3s ease;
}
.kboke-slider-dots button.is-active { width: 22px; border-radius: 6px; background: #fff; }
.kboke-slider-arrow {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 42px; height: 42px; border: 0; border-radius: 50%;
    background: rgba(0,0,0,.35); color: #fff; font-size: 24px; line-height: 1;
    cursor: pointer; opacity: 0; transition: opacity .3s ease, background .2s ease; z-index: 3;
}
.kboke-slider:hover .kboke-slider-arrow { opacity: 1; }
.kboke-slider-arrow:hover { background: var(--primary); }
.kboke-slider-prev { left: 18px; }
.kboke-slider-next { right: 18px; }

/* 门户主体两栏 */
.kboke-portal-body { display: grid; grid-template-columns: 1fr 320px; gap: 30px; align-items: start; }
.kboke-portal-side { min-width: 0; }

/* 分类信息流 */
.kboke-feed-block { margin-bottom: 34px; }
.kboke-feed-head {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 16px; padding-left: 12px;
    border-left: 4px solid var(--primary);
}
.kboke-feed-title { font-size: 20px; font-weight: 700; margin: 0; color: var(--text); }
.kboke-feed-more { color: var(--gray); font-size: 13px; text-decoration: none; }
.kboke-feed-more:hover { color: var(--primary); }
.kboke-feed-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.kboke-feed-card {
    background: var(--white);
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0,0,0,.05);
    transition: transform .25s ease, box-shadow .25s ease;
}
.kboke-feed-card:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(0,0,0,.12); }
.kboke-feed-thumb { position: relative; display: block; aspect-ratio: 16/10; overflow: hidden; background: var(--primary-light); }
.kboke-feed-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.kboke-feed-card:hover .kboke-feed-thumb img { transform: scale(1.06); }
.kboke-feed-thumb-ph {
    position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
    font-size: 40px; font-weight: 700; color: var(--primary); opacity: .35;
}
.kboke-feed-info { padding: 12px 14px 14px; }
.kboke-feed-post-title { font-size: 15px; line-height: 1.5; margin: 0 0 8px; }
.kboke-feed-post-title a { color: var(--text); text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.kboke-feed-post-title a:hover { color: var(--primary); }
.kboke-feed-meta { display: flex; gap: 12px; font-size: 12px; color: var(--muted); }

/* 热门排行 */
.kboke-ranking-list { list-style: none; margin: 0; padding: 0; counter-reset: none; }
.kboke-ranking-item { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px dashed var(--border); }
.kboke-ranking-item:last-child { border-bottom: 0; }
.kboke-ranking-num {
    flex: 0 0 22px; height: 22px; border-radius: 6px; text-align: center; line-height: 22px;
    font-size: 12px; font-weight: 700; color: #fff; background: var(--muted);
}
.kboke-ranking-num.is-top { background: linear-gradient(135deg, var(--primary), var(--primary-hover)); }
.kboke-ranking-link { display: flex; flex-direction: column; gap: 3px; min-width: 0; text-decoration: none; }
.kboke-ranking-post-title { color: var(--text); font-size: 14px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.kboke-ranking-link:hover .kboke-ranking-post-title { color: var(--primary); }
.kboke-ranking-views { font-size: 11px; color: var(--muted); }

/* ============ 置顶徽章 ============ */
.kboke-sticky-badge {
    display: inline-flex; align-items: center; gap: 3px;
    padding: 2px 9px; border-radius: 999px;
    font-size: 12px; line-height: 1.6; font-weight: 600;
    background: linear-gradient(135deg, var(--primary), var(--primary-hover)); color: #fff;
}
.single-badges { display: flex; gap: 8px; margin-bottom: 12px; }

/* ============ 响应式 ============ */
@media (max-width: 992px) {
    .kboke-portal-body { grid-template-columns: 1fr; }
    .kboke-feed-grid { grid-template-columns: repeat(2, 1fr); }
    .kboke-slide { height: 300px; }
    .kboke-slide-title { font-size: 19px; }
}
@media (max-width: 560px) {
    .kboke-feed-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
    .kboke-slide { height: 210px; }
    .kboke-slide-title { font-size: 15px; }
    .kboke-slide-caption { left: 16px; right: 16px; bottom: 16px; }
}

/* ============ 页面模板去底框（增强覆盖）=========== */
main .page-content,
main .kboke-page-single,
main .kboke-page-fullwidth,
main .kboke-fullwidth-content,
main .kboke-template-tags,
main .kboke-template-archives,
main .kboke-template-links {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}


/* ============ 暗色模式：会员中心与侧边栏补充覆盖 ============ */
html[data-theme="dark"] .kboke-member-sidebar,
html[data-theme="dark"] .kboke-member-content,
html[data-theme="dark"] .kboke-member-form-box {
    background: var(--white);
    border-color: var(--border);
}
html[data-theme="dark"] .kboke-member-tabs {
    border-bottom-color: var(--border);
}
html[data-theme="dark"] .kboke-member-tab {
    color: var(--gray);
}
html[data-theme="dark"] .kboke-member-tab:hover,
html[data-theme="dark"] .kboke-member-tab.active {
    color: var(--primary-contrast);
    border-bottom-color: var(--primary-contrast);
}
html[data-theme="dark"] .kboke-member-menu a {
    color: var(--text);
}
html[data-theme="dark"] .kboke-member-menu a:hover,
html[data-theme="dark"] .kboke-member-menu a.active {
    background: var(--primary);
    color: #fff;
}
html[data-theme="dark"] .kboke-member-form h3,
html[data-theme="dark"] .kboke-member-section h2,
html[data-theme="dark"] .kboke-member-name,
html[data-theme="dark"] .kboke-mc-post-title a {
    color: var(--text);
}
html[data-theme="dark"] .kboke-form-row label,
html[data-theme="dark"] .kboke-form-row-editor label {
    color: var(--gray);
}
html[data-theme="dark"] .kboke-form-row input[type="text"],
html[data-theme="dark"] .kboke-form-row input[type="email"],
html[data-theme="dark"] .kboke-form-row input[type="password"],
html[data-theme="dark"] .kboke-form-row textarea,
html[data-theme="dark"] .kboke-form-row select {
    background: var(--bg-deep) !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
}
html[data-theme="dark"] .kboke-form-row input::placeholder,
html[data-theme="dark"] .kboke-form-row textarea::placeholder {
    color: var(--muted) !important;
    opacity: 1;
}
html[data-theme="dark"] .kboke-member-empty,
html[data-theme="dark"] .kboke-member-notice {
    background: var(--white);
    color: var(--gray);
}
html[data-theme="dark"] .kboke-member-table th,
html[data-theme="dark"] .kboke-member-table td {
    border-bottom-color: var(--border);
}
html[data-theme="dark"] .kboke-member-table th {
    background: var(--white);
    color: var(--gray);
}
html[data-theme="dark"] .kboke-mc-stats {
    color: var(--text);
}
html[data-theme="dark"] .kboke-mc-stat {
    background: var(--white);
    border-color: var(--border);
}
html[data-theme="dark"] .kboke-mc-stat-num {
    color: var(--primary-contrast);
}
html[data-theme="dark"] .kboke-mc-post {
    background: var(--white);
    border-color: var(--border);
}
html[data-theme="dark"] .kboke-mc-post:hover {
    border-color: var(--primary);
}
html[data-theme="dark"] .kboke-mc-post-excerpt,
html[data-theme="dark"] .kboke-mc-post-meta,
html[data-theme="dark"] .kboke-mc-meta-item .ico {
    color: var(--muted);
}
html[data-theme="dark"] .kboke-mc-post-status {
    background: var(--gray-100);
    color: var(--gray);
}
html[data-theme="dark"] .kboke-mc-post-status.status-future {
    background: var(--primary-light);
    color: var(--primary-contrast);
}
html[data-theme="dark"] .kboke-member-avatar-row .kboke-member-avatar-preview img {
    background: var(--bg-deep);
    border-color: var(--border);
}
html[data-theme="dark"] .kboke-member-form input[readonly] {
    background: var(--bg-deep);
    color: var(--muted);
}
html[data-theme="dark"] .kboke-send-code-btn:disabled {
    background: var(--gray-100);
    border-color: var(--border);
    color: var(--muted);
}
html[data-theme="dark"] #kboke-member-submit .kboke-submit-form .wp-editor-container {
    border-color: var(--border);
}
html[data-theme="dark"] #kboke-member-submit .wp-editor-wrap,
html[data-theme="dark"] #kboke-member-submit .wp-editor-container,
html[data-theme="dark"] #kboke-member-submit .mce-container,
html[data-theme="dark"] #kboke-member-submit .mce-panel,
html[data-theme="dark"] #kboke-member-submit .mce-toolbar-grp,
html[data-theme="dark"] #kboke-member-submit .mce-statusbar,
html[data-theme="dark"] #kboke-member-submit .mce-top-part,
html[data-theme="dark"] #kboke-member-submit .mce-edit-area {
    background: var(--bg-deep) !important;
    border-color: var(--border) !important;
    color: var(--text) !important;
}
html[data-theme="dark"] #kboke-member-submit .mce-btn {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
html[data-theme="dark"] #kboke-member-submit .mce-btn:hover,
html[data-theme="dark"] #kboke-member-submit .mce-btn:focus,
html[data-theme="dark"] #kboke-member-submit .mce-btn.mce-active {
    background: var(--gray-100) !important;
    border-color: var(--border) !important;
}
html[data-theme="dark"] #kboke-member-submit .mce-ico,
html[data-theme="dark"] #kboke-member-submit .mce-label {
    color: var(--text) !important;
}
html[data-theme="dark"] #kboke-member-submit .mce-statusbar .mce-path-item,
html[data-theme="dark"] #kboke-member-submit .mce-statusbar .mce-wordcount {
    color: var(--gray) !important;
}
html[data-theme="dark"] #kboke-member-submit .mce-statusbar .mce-divider {
    border-left-color: var(--border) !important;
}
html[data-theme="dark"] #kboke-member-submit .wp-switch-editor {
    background: var(--gray-100) !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
}
html[data-theme="dark"] #kboke-member-submit .wp-switch-editor:hover,
html[data-theme="dark"] #kboke-member-submit .wp-switch-editor:focus {
    background: var(--primary) !important;
    color: #fff !important;
}
html[data-theme="dark"] #kboke-member-submit .wp-editor-tabs {
    border-bottom-color: var(--border) !important;
}
html[data-theme="dark"] .page-title {
    color: var(--text);
}
html[data-theme="dark"] .post-card-title a {
    color: var(--text);
}
html[data-theme="dark"] .post-card-title a:hover,
html[data-theme="dark"] .post-card-title a:focus {
    color: var(--primary);
}
html[data-theme="dark"] #kboke-member-submit .quicktags-toolbar {
    background: var(--bg-deep) !important;
    border-color: var(--border) !important;
}
html[data-theme="dark"] #kboke-member-submit .quicktags-toolbar input.button {
    background: var(--gray-100) !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
}
html[data-theme="dark"] #kboke-member-submit .quicktags-toolbar input.button:hover {
    background: var(--primary) !important;
    color: #fff !important;
}
html[data-theme="dark"] .kboke-sidebar .widget-title {
    background: var(--white);
    border-bottom-color: var(--border);
}
html[data-theme="dark"] .kboke-sidebar .widget-title::before {
    background: linear-gradient(180deg, var(--primary) 0%, var(--primary-hover) 100%);
}
html[data-theme="dark"] .widget-search .search-form {
    background: var(--gray-100);
    border-color: var(--border);
}
html[data-theme="dark"] .widget-search .search-field {
    color: var(--text);
}
html[data-theme="dark"] .widget-search .search-submit {
    color: #fff;
}

/* 暗色模式：统一侧边栏小工具与分类/标签颜色 */
html[data-theme="dark"] .widget-cat-list li a:hover {
    background: var(--primary-light);
}
html[data-theme="dark"] .kboke-thumb-placeholder,
html[data-theme="dark"] .kboke-random-placeholder {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    color: var(--primary-contrast);
}
html[data-theme="dark"] .post-card-tag:hover {
    background: var(--primary-light);
    border-color: var(--primary);
    color: var(--primary-contrast);
}
html[data-theme="dark"] .post-card-tag {
    background: var(--gray-100);
    border-color: var(--border);
    color: var(--gray);
}
html[data-theme="dark"] .post-card-tag:hover,
html[data-theme="dark"] .post-card-tag:focus {
    color: var(--primary);
}
html[data-theme="dark"] .post-card-meta a,
html[data-theme="dark"] .post-card-author a,
html[data-theme="dark"] .post-card-cat,
html[data-theme="dark"] .post-card-readmore {
    color: var(--muted);
}
html[data-theme="dark"] .post-card-meta a:hover,
html[data-theme="dark"] .post-card-meta a:focus,
html[data-theme="dark"] .post-card-author a:hover,
html[data-theme="dark"] .post-card-author a:focus,
html[data-theme="dark"] .post-card-cat:hover,
html[data-theme="dark"] .post-card-cat:focus,
html[data-theme="dark"] .post-card-readmore:hover,
html[data-theme="dark"] .post-card-readmore:focus {
    color: var(--primary);
}
html[data-theme="dark"] .widget_tag_cloud .tagcloud.is-colorful a {
    background: var(--primary-light) !important;
    color: var(--primary-contrast) !important;
}
html[data-theme="dark"] .widget_tag_cloud .tagcloud.is-colorful a .tag-count {
    background: color-mix(in srgb, var(--primary) 20%, transparent) !important;
    color: var(--primary-contrast) !important;
}
html[data-theme="dark"] .widget_tag_cloud .tagcloud.is-colorful a:hover,
html[data-theme="dark"] .widget_tag_cloud .tagcloud.is-colorful a:focus {
    background: var(--primary) !important;
    color: #fff !important;
}
html[data-theme="dark"] .widget_tag_cloud .tagcloud.is-colorful a:hover .tag-count,
html[data-theme="dark"] .widget_tag_cloud .tagcloud.is-colorful a:focus .tag-count {
    background: rgba(255,255,255,0.25) !important;
    color: #fff !important;
}
html[data-theme="dark"] .kboke-sidebar .widget .widget-recent-list li a,
html[data-theme="dark"] .kboke-sidebar .widget .widget-popular-list li a,
html[data-theme="dark"] .kboke-sidebar .widget .widget-random-list li a {
    color: var(--primary-contrast);
}
html[data-theme="dark"] .kboke-sidebar .widget .widget-recent-list li a:hover,
html[data-theme="dark"] .kboke-sidebar .widget .widget-popular-list li a:hover,
html[data-theme="dark"] .kboke-sidebar .widget .widget-random-list li a:hover {
    color: var(--primary);
}
html[data-theme="dark"] .kboke-sidebar .widget .widget-recent-list li a .kboke-media-title,
html[data-theme="dark"] .kboke-sidebar .widget .widget-popular-list li a .kboke-media-title,
html[data-theme="dark"] .kboke-sidebar .widget .widget-random-list li a .kboke-random-title {
    color: var(--text);
}
html[data-theme="dark"] .kboke-sidebar .widget .widget-recent-list li a:hover .kboke-media-title,
html[data-theme="dark"] .kboke-sidebar .widget .widget-popular-list li a:hover .kboke-media-title,
html[data-theme="dark"] .kboke-sidebar .widget .widget-random-list li a:hover .kboke-random-title,
html[data-theme="dark"] .kboke-sidebar .widget .widget-recent-list li a:focus .kboke-media-title,
html[data-theme="dark"] .kboke-sidebar .widget .widget-popular-list li a:focus .kboke-media-title,
html[data-theme="dark"] .kboke-sidebar .widget .widget-random-list li a:focus .kboke-random-title {
    color: var(--primary);
}

/* ============ 暗色模式整体协调（v2.3.75） ============ */
/* 暗色下卡片默认无浅色阴影、用细边框区分层次；悬停时主色描边 + 深色阴影 */
html[data-theme="dark"] .post-card,
html[data-theme="dark"] .kboke-feed-card,
html[data-theme="dark"] .kboke-mc-post {
    box-shadow: none;
    border-color: var(--border);
}
html[data-theme="dark"] .post-card:hover,
html[data-theme="dark"] .kboke-feed-card:hover,
html[data-theme="dark"] .kboke-mc-post:hover {
    border-color: var(--primary);
    box-shadow: var(--shadow);
}
/* 暗色下主色 hover 派生色仍可用（基于主色自动加深） */
html[data-theme="dark"] a:hover { color: var(--primary); }
html[data-theme="dark"] .btn:hover,
html[data-theme="dark"] .search-submit:hover,
html[data-theme="dark"] .benefit-btn:hover {
    box-shadow: none;
}
/* 暗色下输入框聚焦光晕 */
html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] .header-search-input:focus,
html[data-theme="dark"] .search-field:focus {
    border-color: var(--primary);
    box-shadow: var(--glow);
}
/* 暗色下分隔线 / 列表项描边更柔和 */
html[data-theme="dark"] .kboke-sidebar .widget li { border-color: var(--border); }
html[data-theme="dark"] .post-card-meta, html[data-theme="dark"] .kboke-media-meta { color: var(--muted); }

/* 暗色下移动端下拉菜单背景 */
@media (max-width: 768px) {
    html[data-theme="dark"] .header-nav {
        background: var(--white);
    }
}

/* ==================== 评论区暗色模式 ==================== */
html[data-theme="dark"] .kboke-comments-area {
    background: var(--white);
    border-color: var(--border);
    box-shadow: var(--shadow);
}
html[data-theme="dark"] .kboke-comments-header {
    border-bottom-color: var(--border);
}
html[data-theme="dark"] .kboke-comments-title,
html[data-theme="dark"] .kboke-comment-reply-title {
    color: var(--text);
}
html[data-theme="dark"] .kboke-comments-count {
    color: var(--muted);
}
html[data-theme="dark"] .kboke-comment-login-required {
    background: var(--gray-100);
    border-color: var(--border);
}
html[data-theme="dark"] .kboke-comment-login-tip {
    color: var(--text);
}
html[data-theme="dark"] .kboke-comment-login-tip a {
    color: var(--primary-contrast);
}
html[data-theme="dark"] .kboke-comment-login-tip a:hover {
    color: var(--primary);
}
html[data-theme="dark"] .kboke-no-comments {
    color: var(--muted);
}
html[data-theme="dark"] .kboke-comment-list .kboke-comment-list {
    border-left-color: var(--border);
}
html[data-theme="dark"] .kboke-comment-item {
    border-bottom-color: var(--border);
}
html[data-theme="dark"] .kboke-comment-avatar img,
html[data-theme="dark"] .kboke-comment-avatar .avatar {
    border-color: var(--border);
}
html[data-theme="dark"] .kboke-comment-author {
    color: var(--text);
}
html[data-theme="dark"] .kboke-comment-author:hover {
    color: var(--primary);
}
html[data-theme="dark"] .kboke-comment-date {
    color: var(--muted);
}
html[data-theme="dark"] .kboke-comment-content,
html[data-theme="dark"] .kboke-comment-content p {
    color: var(--text);
}
html[data-theme="dark"] .kboke-comment-image img {
    border-color: var(--border);
}
html[data-theme="dark"] .kboke-comment-reply a,
html[data-theme="dark"] .kboke-comment-like,
html[data-theme="dark"] .kboke-comment-dislike {
    color: var(--muted);
}
html[data-theme="dark"] .kboke-comment-reply a:hover,
html[data-theme="dark"] .kboke-comment-like:hover,
html[data-theme="dark"] .kboke-comment-dislike:hover,
html[data-theme="dark"] .kboke-comment-like.voted,
html[data-theme="dark"] .kboke-comment-dislike.voted {
    color: var(--primary);
}
html[data-theme="dark"] .kboke-comment-form-input label {
    color: var(--gray);
}
html[data-theme="dark"] .kboke-comment-form-input .required {
    color: #ef4444;
}
html[data-theme="dark"] .kboke-comment-form-input input {
    background: var(--bg-deep);
    border-color: var(--border);
    color: var(--text);
}
html[data-theme="dark"] .kboke-comment-form-input input::placeholder {
    color: var(--muted);
}
html[data-theme="dark"] .kboke-comment-toolbar-btn {
    background: var(--white);
    border-color: var(--border);
    color: var(--text);
}
html[data-theme="dark"] .kboke-comment-toolbar-btn:hover {
    background: var(--gray-100);
}
html[data-theme="dark"] .kboke-comment-emoji-panel {
    background: var(--gray-100);
    border-color: var(--border);
}
html[data-theme="dark"] .kboke-comment-emoji:hover {
    background: var(--border);
}
html[data-theme="dark"] .kboke-comment-textarea {
    background: var(--bg-deep);
    border-color: var(--border);
    color: var(--text);
}
html[data-theme="dark"] .kboke-comment-textarea::placeholder {
    color: var(--muted);
}
html[data-theme="dark"] .kboke-comment-message {
    color: var(--muted);
}

/* ==================== 分享区与链接导航页面暗色模式 ==================== */
html[data-theme="dark"] .kboke-share-wechat-inner {
    background: var(--white);
}
html[data-theme="dark"] .kboke-share-wechat-close {
    color: var(--muted);
}
html[data-theme="dark"] .kboke-share-wechat-close:hover {
    color: var(--text);
}
html[data-theme="dark"] .kboke-share-wechat-qrcode {
    border-color: var(--border);
}
html[data-theme="dark"] .kboke-share-wechat-tip {
    color: var(--gray);
}
html[data-theme="dark"] .kboke-links-nav-sidebar {
    background: var(--gray-100);
    border-color: var(--border);
}
html[data-theme="dark"] .kboke-links-nav-sidebar-title,
html[data-theme="dark"] .kboke-links-nav-current-title {
    color: var(--text);
    border-bottom-color: var(--primary);
}
html[data-theme="dark"] .kboke-links-nav-cat-list li a {
    color: var(--gray);
}
html[data-theme="dark"] .kboke-links-nav-cat-list li a:hover {
    background: var(--white);
    color: var(--primary);
}
html[data-theme="dark"] .kboke-links-nav-cat-count {
    background: var(--border);
    color: var(--text);
}
html[data-theme="dark"] .kboke-links-nav-cat-list li.active .kboke-links-nav-cat-count {
    color: #fff;
}
html[data-theme="dark"] .kboke-links-empty {
    background: var(--gray-100);
    border-color: var(--border);
    color: var(--muted);
}

/* ==================== 文章页 meta 分隔点暗色模式 ==================== */
html[data-theme="dark"] .single-meta-item + .single-meta-item::before {
    background: var(--muted);
}