/* =========================================================
   macOS 暗黑模式内容排版
   ========================================================= */

.io-black-mode .content,
.io-black-mode .book-content,
.io-black-mode .content-body {
    color: #e5e5e7;
}

.io-black-mode .content h1, .io-black-mode .book-content h1, .io-black-mode .content-body h1,
.io-black-mode .content h2, .io-black-mode .book-content h2, .io-black-mode .content-body h2,
.io-black-mode .content h3, .io-black-mode .book-content h3, .io-black-mode .content-body h3,
.io-black-mode .content h4, .io-black-mode .book-content h4, .io-black-mode .content-body h4,
.io-black-mode .content h5, .io-black-mode .book-content h5, .io-black-mode .content-body h5 {
    color: #f5f5f7;
}

.io-black-mode .content strong, .io-black-mode .book-content strong, .io-black-mode .content-body strong {
    color: #f5f5f7;
}

.io-black-mode .content pre, .io-black-mode .book-content pre, .io-black-mode .content-body pre {
    background: #2c2c2e;
    border-color: #3a3a3c;
    color: #e5e5e7;
}

.io-black-mode .content code, .io-black-mode .book-content code, .io-black-mode .content-body code {
    background: #2c2c2e;
    color: #e5e5e7;
}

.io-black-mode .content pre code, .io-black-mode .book-content pre code, .io-black-mode .content-body pre code {
    background: none;
}

.io-black-mode .content table, .io-black-mode .book-content table, .io-black-mode .content-body table {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.io-black-mode .content th, .io-black-mode .book-content th, .io-black-mode .content-body th {
    background: #2c2c2e;
    color: #f5f5f7;
    border-bottom-color: #3a3a3c;
}

.io-black-mode .content td, .io-black-mode .book-content td, .io-black-mode .content-body td {
    border-bottom-color: #2c2c2e;
    color: #e5e5e7;
}

.io-black-mode .content blockquote, .io-black-mode .book-content blockquote, .io-black-mode .content-body blockquote {
    background: #2c2c2e;
    border-left-color: #0a84ff;
    color: #a1a1a6;
}

.io-black-mode .content img, .io-black-mode .book-content img, .io-black-mode .content-body img {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}

.io-black-mode .content a, .io-black-mode .book-content a, .io-black-mode .content-body a {
    color: #0a84ff;
}

.io-black-mode .content a:hover, .io-black-mode .book-content a:hover, .io-black-mode .content-body a:hover {
    color: #409cff;
}

.io-black-mode .content hr, .io-black-mode .book-content hr, .io-black-mode .content-body hr {
    background: linear-gradient(90deg, transparent, #3a3a3c, transparent);
}

/* 正文下方相关推荐 — 暗黑模式 */
.io-black-mode .related-section {
    border-top-color: #3a3a3c;
}
.io-black-mode .related-heading {
    color: #f5f5f7;
}
.io-black-mode .related-list .related-item {
    border-bottom-color: #2c2c2e;
    color: #e5e5e7;
}
.io-black-mode .related-list .related-title {
    color: #0a84ff;
}
.io-black-mode .related-list .related-item:hover .related-title {
    color: #409cff;
}
.io-black-mode .related-list .related-meta {
    color: #a1a1a6;
}

/* ========== 首页搜索栏暗黑模式 ========== */
.io-black-mode #search-bg {
    background: rgba(29, 29, 31, 0.92) !important;
    border-bottom-color: #3a3a3c;
}
.io-black-mode #search-bg h1.big-title {
    color: #f5f5f7 !important;
}
.io-black-mode .header-big #search-text {
    color: #e5e5e7 !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #3a3a3c !important;
}
.io-black-mode .header-big #search-text::placeholder {
    color: #8e8e93 !important;
}
.io-black-mode .header-big:not(.no-bg) .search-type label .text-muted,
.io-black-mode .header-big:not(.no-bg) .text-muted {
    color: #a1a1a6 !important;
}

/* pill 标签暗黑 */
.io-black-mode .header-big:not(.no-bg) .s-type-list {
    color: #f5f5f7 !important;
}
.io-black-mode .header-big .s-type-list.big label {
    background: rgba(255, 255, 255, 0.08) !important;
}
.io-black-mode .header-big .s-type-list.big label.active {
    background: rgba(255, 255, 255, 0.2) !important;
}
.io-black-mode .header-big .s-type-list.big label:not(.active):hover {
    background: rgba(255, 255, 255, 0.14) !important;
}
.io-black-mode .header-big .s-type-list.big label span {
    color: #f5f5f7 !important;
}

/* ========== 详情 Hero 暗黑模式 ========== */
.io-black-mode .detail-hero {
    background: linear-gradient(135deg, #2c2c2e 0%, #1c1c1e 100%);
    border-color: #38383a;
}
.io-black-mode .hero-title {
    color: #f5f5f7;
}
.io-black-mode .hero-subtitle,
.io-black-mode .hero-meta {
    color: #98989d;
}
.io-black-mode .hero-tags .tag {
    background: #2c2c2e;
    border-color: #38383a;
    color: #aaa;
}
.io-black-mode .hero-actions {
    border-top-color: #38383a;
}

/* ========== 详情卡片暗黑模式 ========== */
.io-black-mode .detail-card {
    background: #1d1d1f;
    border-color: #3a3a3c;
    box-shadow: none;
}

/* ========== 操作按钮暗黑模式 ========== */
.io-black-mode .action-btn {
    background: #2c2e2f;
    border-color: #4a4a4d;
    color: #e5e5e7;
}
.io-black-mode .action-btn:hover {
    background: #3a3d3f;
    border-color: #6a6a6d;
    color: #409cff;
}

/* ========== 新布局暗黑模式 ========== */
.io-black-mode .top-nav {
    background: rgba(29, 29, 31, 0.85);
    border-bottom-color: #3a3a3c;
}
.io-black-mode .top-nav-menu > li > a {
    color: #e5e5e7;
}
.io-black-mode .top-nav-menu > li > a:hover {
    background: rgba(255, 255, 255, 0.08);
}
.io-black-mode .top-nav-hot {
    color: #fff;
}
.io-black-mode .top-nav-menu > li.active > a {
    color: #0a84ff;
    font-weight: 600;
}
.io-black-mode .left-sidebar {
    background: #2c2e2f;
    border-color: #3a3d3f;
}
.io-black-mode .content-col--framed {
    background: #2c2e2f;
    border-color: #3a3d3f;
}
.io-black-mode .left-sidebar .sidebar-bottom {
    border-top-color: #3a3a3c;
}
.io-black-mode .top-nav-toggle {
    color: #e5e5e7;
}

/* ========== 政策专区暗黑模式 ========== */
.io-black-mode .policy-page-title {
    color: #e5e5e7;
}
.io-black-mode .policy-page-desc {
    color: #98989d;
}
.io-black-mode .policy-stats {
    color: #86868b;
}
.io-black-mode .policy-page-header {
    border-bottom-color: #38383a;
}
.io-black-mode .policy-city-pill {
    background: #2c2e2f;
    color: #98989d;
}
.io-black-mode .policy-city-pill:hover {
    background: #007aff;
    color: #fff;
}
.io-black-mode .policy-city-pill.priority {
    background: #1a2a3a;
    color: #409cff;
}
.io-black-mode .policy-city-pill.priority:hover {
    background: #007aff;
    color: #fff;
}
.io-black-mode .pill-count {
    background: rgba(255,255,255,0.1);
}
.io-black-mode .policy-city-pill:hover .pill-count {
    background: rgba(255,255,255,0.2);
}
.io-black-mode .policy-city-title {
    color: #e5e5e7;
    border-bottom-color: #409cff;
}
.io-black-mode .policy-city-title i {
    color: #409cff;
}
.io-black-mode .city-count {
    color: #86868b;
}
.io-black-mode .policy-card {
    background: #1d1d1f;
    border-color: #3a3a3c;
}
.io-black-mode .policy-card:hover {
    box-shadow: 0 2px 12px rgba(0,0,0,0.3);
}
.io-black-mode .policy-name {
    color: #e5e5e7;
}
.io-black-mode .policy-summary {
    color: #98989d;
}
.io-black-mode .policy-benefit-pill {
    background: #1a2a3a;
    color: #409cff;
    border-color: #2a3a4a;
}
.io-black-mode .policy-meta {
    color: #86868b;
}
.io-black-mode .policy-actions {
    border-top-color: #38383a;
}
.io-black-mode .policy-btn {
    background: #409cff;
}
.io-black-mode .policy-btn:hover {
    background: #3a8ae6;
}
.io-black-mode .policy-btn-secondary {
    background: #2c2e2f;
    color: #98989d;
    border-color: #3a3a3c;
}
.io-black-mode .policy-btn-secondary:hover {
    background: #3a3d3f;
    color: #e5e5e7;
}
.io-black-mode .status-active {
    background: #1b3a1b;
    color: #66bb6a;
}
.io-black-mode .status-upcoming {
    background: #3a2a1a;
    color: #ffa726;
}
.io-black-mode .status-ended {
    background: #3a1a1a;
    color: #ef5350;
}
.io-black-mode .sidebar-item .sidebar-count {
    color: #86868b;
    background: rgba(255,255,255,0.08);
}

/* ========== 标签云暗黑模式 ========== */
.io-black-mode .tagcloud-item {
    background: #1a2a3a;
    color: #409cff;
    border-color: #2a3a4a;
}
.io-black-mode .tagcloud-item:hover {
    background: #409cff;
    color: #fff;
    border-color: #409cff;
}

/* ========== 热点榜单暗黑模式 ========== */
.io-black-mode .hot-title {
    color: #e5e5e7;
}
.io-black-mode .hot-desc {
    color: #98989d;
}
.io-black-mode .hot-nav-item {
    background: #2c2e2f;
    color: #98989d;
}
.io-black-mode .hot-nav-item:hover {
    background: #409cff;
    color: #fff;
}
.io-black-mode .hot-section-title {
    color: #e5e5e7;
    background: #1d1d1f;
}
.io-black-mode .hot-section-title i {
    color: #409cff;
}
.io-black-mode .hot-section-desc {
    color: #86868b;
}
.io-black-mode .hot-card {
    background: #1d1d1f;
    border-color: #3a3a3c;
}
.io-black-mode .hot-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}
.io-black-mode .hot-card-rank {
    color: #86868b;
}
.io-black-mode .hot-card:nth-child(1) .hot-card-rank {
    color: #409cff;
}
.io-black-mode .hot-card:nth-child(2) .hot-card-rank {
    color: #5e5ce6;
}
.io-black-mode .hot-card:nth-child(3) .hot-card-rank {
    color: #30b350;
}
.io-black-mode .hot-card-source {
    background: #1b3a1b;
    color: #66bb6a;
}
.io-black-mode .hot-card-source-tool {
    background: #1a2a3a;
    color: #42a5f5;
}
.io-black-mode .hot-card-source-ext {
    background: #3a2a1a;
    color: #ffa726;
}
.io-black-mode .hot-card-title {
    color: #e5e5e7;
}
.io-black-mode .hot-card-desc {
    color: #98989d;
}
.io-black-mode .hot-card-meta {
    color: #86868b;
}
.io-black-mode .hot-card-btn {
    background: #409cff;
}
.io-black-mode .hot-card-btn:hover {
    background: #3a8ae6;
}
.io-black-mode .hot-card-btn-outline {
    background: transparent;
    color: #409cff;
    border-color: #409cff;
}
.io-black-mode .hot-card-btn-outline:hover {
    background: #409cff;
    color: #fff;
}
.io-black-mode .hot-btn {
    background: #409cff;
}
.io-black-mode .hot-btn:hover {
    background: #3a8ae6;
}
.io-black-mode .hot-btn-outline {
    background: transparent;
    color: #409cff;
    border-color: #409cff;
}
.io-black-mode .hot-btn-outline:hover {
    background: #409cff;
    color: #fff;
}
.io-black-mode .hot-footer {
    border-top-color: #3a3a3c;
    color: #86868b;
}
.io-black-mode .hot-footer code {
    background: #2c2e2f;
    color: #98989d;
}

.io-black-mode .policy-notice {
    background: #26221c;
    border-left-color: #ff9500;
    color: #c4b89e;
}