/* 无障碍优化 - 完整的对比度修复方案 */

/* ===== Header导航 ===== */
.xc_header__above-nav .item {
    color: #666666 !important;
}

.xc_header__above-nav .item.active,
.xc_header__above-nav .item:hover {
    color: var(--theme) !important;
}

body.dark-theme .xc_header__above-nav .item {
    color: #CCCCCC !important;
}

/* ===== 侧边栏Tab ===== */
.xc_index__side .xc_aside__item .item {
    color: #666666 !important;
}

.xc_index__side .xc_aside__item .item.active {
    color: #333333 !important;
    font-weight: 500;
}

/* 侧边栏span继承颜色 */
.xc_index__side .xc_aside__item .item span {
    color: inherit !important;
}

body.dark-theme .xc_index__side .xc_aside__item .item {
    color: #CCCCCC !important;
}

body.dark-theme .xc_index__side .xc_aside__item .item.active {
    color: #FFFFFF !important;
}

/* ===== 文章列表 ===== */

/* === 现代化标签设计 - 微渐变+柔和阴影 === */

/* 默认标签 */
.xc_list__item .but {
    color: #52525B !important;
    background: linear-gradient(135deg, #FAFAFA 0%, #F4F4F5 100%) !important;
    border: 1px solid #E4E4E7 !important;
    border-radius: 4px !important;
    padding: 2px 8px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.xc_list__item .but:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-color: #D4D4D8 !important;
}

/* 蓝色标签 - 天空蓝 */
.xc_list__item .but.c-blue {
    color: #FFFFFF !important;
    background: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%) !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3) !important;
}

.xc_list__item .but.c-blue:hover {
    background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%) !important;
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.4) !important;
}

/* 黄色标签 - 金橙色 */
.xc_list__item .but.c-yellow {
    color: #FFFFFF !important;
    background: linear-gradient(135deg, #FBBF24 0%, #F59E0B 100%) !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3) !important;
}

.xc_list__item .but.c-yellow:hover {
    background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%) !important;
    box-shadow: 0 4px 16px rgba(217, 119, 6, 0.4) !important;
}

/* 绿色标签 - 翡翠绿 */
.xc_list__item .but.c-green {
    color: #FFFFFF !important;
    background: linear-gradient(135deg, #34D399 0%, #10B981 100%) !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3) !important;
}

.xc_list__item .but.c-green:hover {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    box-shadow: 0 4px 16px rgba(5, 150, 105, 0.4) !important;
}

/* 红色标签 - 玫瑰红 */
.xc_list__item .but.c-red {
    color: #FFFFFF !important;
    background: linear-gradient(135deg, #F87171 0%, #EF4444 100%) !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3) !important;
}

.xc_list__item .but.c-red:hover {
    background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%) !important;
    box-shadow: 0 4px 16px rgba(220, 38, 38, 0.4) !important;
}

/* 紫色标签 - 紫罗兰 */
.xc_list__item .but.c-purple {
    color: #FFFFFF !important;
    background: linear-gradient(135deg, #A78BFA 0%, #8B5CF6 100%) !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(139, 92, 246, 0.3) !important;
}

.xc_list__item .but.c-purple:hover {
    background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%) !important;
    box-shadow: 0 4px 16px rgba(124, 58, 237, 0.4) !important;
}

/* === 暗黑模式 - 深色渐变+发光效果 === */

body.dark-theme .xc_list__item .but {
    color: #A1A1AA !important;
    background: linear-gradient(135deg, #27272A 0%, #18181B 100%) !important;
    border: 1px solid #3F3F46 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

body.dark-theme .xc_list__item .but:hover {
    background: linear-gradient(135deg, #3F3F46 0%, #27272A 100%) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
    border-color: #52525B !important;
}

/* 蓝色标签 - 暗黑 */
body.dark-theme .xc_list__item .but.c-blue {
    background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%) !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.4), 0 0 20px rgba(59, 130, 246, 0.2) !important;
}

body.dark-theme .xc_list__item .but.c-blue:hover {
    background: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%) !important;
    box-shadow: 0 4px 16px rgba(96, 165, 250, 0.5), 0 0 30px rgba(96, 165, 250, 0.3) !important;
}

/* 黄色标签 - 暗黑 */
body.dark-theme .xc_list__item .but.c-yellow {
    background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%) !important;
    box-shadow: 0 2px 8px rgba(217, 119, 6, 0.4), 0 0 20px rgba(245, 158, 11, 0.2) !important;
}

body.dark-theme .xc_list__item .but.c-yellow:hover {
    background: linear-gradient(135deg, #FBBF24 0%, #F59E0B 100%) !important;
    box-shadow: 0 4px 16px rgba(251, 191, 36, 0.5), 0 0 30px rgba(251, 191, 36, 0.3) !important;
}

/* 绿色标签 - 暗黑 */
body.dark-theme .xc_list__item .but.c-green {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    box-shadow: 0 2px 8px rgba(5, 150, 105, 0.4), 0 0 20px rgba(16, 185, 129, 0.2) !important;
}

body.dark-theme .xc_list__item .but.c-green:hover {
    background: linear-gradient(135deg, #34D399 0%, #10B981 100%) !important;
    box-shadow: 0 4px 16px rgba(52, 211, 153, 0.5), 0 0 30px rgba(52, 211, 153, 0.3) !important;
}

/* 红色标签 - 暗黑 */
body.dark-theme .xc_list__item .but.c-red {
    background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%) !important;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.4), 0 0 20px rgba(239, 68, 68, 0.2) !important;
}

body.dark-theme .xc_list__item .but.c-red:hover {
    background: linear-gradient(135deg, #F87171 0%, #EF4444 100%) !important;
    box-shadow: 0 4px 16px rgba(248, 113, 113, 0.5), 0 0 30px rgba(248, 113, 113, 0.3) !important;
}

/* 紫色标签 - 暗黑 */
body.dark-theme .xc_list__item .but.c-purple {
    background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%) !important;
    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.4), 0 0 20px rgba(139, 92, 246, 0.2) !important;
}

body.dark-theme .xc_list__item .but.c-purple:hover {
    background: linear-gradient(135deg, #A78BFA 0%, #8B5CF6 100%) !important;
    box-shadow: 0 4px 16px rgba(167, 139, 250, 0.5), 0 0 30px rgba(167, 139, 250, 0.3) !important;
}

/* 时间戳 */
.xc_list__item .icon-circle,
.xc_list__item .item-meta {
    color: #666666 !important;
}

body.dark-theme .xc_list__item .but {
    color: #CCCCCC !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-theme .xc_list__item .icon-circle,
body.dark-theme .xc_list__item .item-meta {
    color: #999999 !important;
}

/* ===== Footer ===== */

/* Footer正文 */
.footer,
.footer-muted {
    color: #666666 !important;
}

/* Footer所有链接 */
.footer a {
    color: #666666 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(0, 0, 0, 0.3) !important;
}

.footer a:hover {
    color: #333333 !important;
    text-decoration-color: rgba(0, 0, 0, 0.6) !important;
}

/* Footer小文字 */
.footer .em09 {
    color: #666666 !important;
}

/* Footer强调文字(运行时间) */
.footer strong {
    color: #333333 !important;
}

/* 黑夜模式Footer */
body.dark-theme .footer,
body.dark-theme .footer-muted {
    color: #CCCCCC !important;
}

body.dark-theme .footer a {
    color: #CCCCCC !important;
    text-decoration-color: rgba(255, 255, 255, 0.4) !important;
}

body.dark-theme .footer a:hover {
    color: #FFFFFF !important;
    text-decoration-color: rgba(255, 255, 255, 0.7) !important;
}

body.dark-theme .footer .em09 {
    color: #999999 !important;
}

body.dark-theme .footer strong {
    color: #FFFFFF !important;
}

/* ===== 加载更多按钮 ===== */
.xc_load {
    color: #666666 !important;
    background: #F5F5F5 !important;
    border: 1px solid #E0E0E0 !important;
}

.xc_load:hover {
    color: #333333 !important;
    background: #EEEEEE !important;
    border-color: #CCCCCC !important;
}

body.dark-theme .xc_load {
    color: #CCCCCC !important;
    background: rgba(255, 255, 255, 0.10) !important;
    border: 1px solid rgba(255, 255, 255, 0.20) !important;
}

body.dark-theme .xc_load:hover {
    color: #FFFFFF !important;
    background: rgba(255, 255, 255, 0.15) !important;
}

/* ===== Body主文字 ===== */
body {
    color: #333333 !important;
}

body.dark-theme {
    color: #CCCCCC !important;
}

/* ===== 确保对比度达标 ===== */
/* 
白色背景:
- #333333: 12.63:1 (AAA级)
- #666666: 5.74:1 (AA级)
- #1976D2: 4.51:1 (AA级)
- #F57C00: 4.54:1 (AA级)

黑色背景:
- #FFFFFF: 21:1 (AAA级)
- #CCCCCC: 11.7:1 (AAA级)
- #999999: 5.3:1 (AA级)
*/