/* 技术资讯样式强制覆盖 - 匹配顶部导航栏 */

/* 右侧边栏技术资讯 */
.sidebar-widget.tech-news-widget .widget-title {
    color: #495057 !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    letter-spacing: 0.5px !important;
}

.sidebar-widget.tech-news-widget .d-flex {
    margin-left: 1rem !important;
}

.sidebar-widget.tech-news-widget .card-header {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border-bottom: 1px solid #dee2e6 !important;
    padding: 0.75rem 1rem !important;
}

.sidebar-widget.tech-news-widget .card-header i {
    color: #007bff !important;
    font-size: 0.9rem !important;
}

/* 取消技术资讯区域的高度限制 */
.right-sidebar {
    max-height: none !important;
    overflow-y: visible !important;
}

.tech-news-widget .card-body {
    max-height: none !important;
    overflow-y: visible !important;
    height: auto !important;
}

.sidebar-tech-news-list {
    max-height: none !important;
    overflow-y: visible !important;
    height: auto !important;
}

.sidebar-tech-news-item {
    max-height: none !important;
    overflow-y: visible !important;
}

.sidebar-tech-news-link .sidebar-tech-news-title {
    color: #495057 !important;
    font-weight: 400 !important;
    font-size: 0.85rem !important;
    line-height: 1.4 !important;
}

.sidebar-tech-news-link {
    color: #495057 !important;
}

.sidebar-tech-news-link:hover .sidebar-tech-news-title {
    color: #007bff !important;
}

.sidebar-tech-news-title {
    color: #495057 !important;
    font-weight: 400 !important;
    font-size: 0.85rem !important;
}

.sidebar-tech-news-meta {
    color: #6c757d !important;
    font-size: 0.75rem !important;
}

/* 主页技术资讯 */
.tech-news-title {
    color: #495057 !important;
    font-weight: 400 !important;
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
}

.tech-news-marker {
    background-color: #6c757d !important;
    width: 3px !important;
    height: 3px !important;
}

.tech-news-empty i {
    color: #6c757d !important;
    font-size: 1rem !important;
}

.tech-news-empty p {
    color: #495057 !important;
    font-size: 0.8rem !important;
}

/* 技术资讯区域 */
.tech-news-section {
    background: transparent !important;
    border: none !important;
}

.tech-news-header {
    background: transparent !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.tech-news-title {
    color: #495057 !important;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
}

.tech-news-toggle {
    color: #495057 !important;
    font-size: 0.8rem !important;
}

.tech-news-toggle:hover {
    color: #007bff !important;
}

.tech-news-item {
    background: transparent !important;
    border: none !important;
    padding: 0.4rem 0 !important;
}

.tech-news-item:hover {
    background: rgba(0, 123, 255, 0.03) !important;
}

.tech-news-link {
    color: #495057 !important;
}

.tech-news-link:hover {
    color: #007bff !important;
}

.tech-news-name {
    color: #495057 !important;
    font-weight: 400 !important;
    font-size: 0.9rem !important;
}

.tech-news-desc {
    color: #6c757d !important;
    font-size: 0.8rem !important;
}

.tech-news-date {
    color: #6c757d !important;
    font-size: 0.75rem !important;
}

/* 暗黑模式强制覆盖 */
[data-theme="dark"] .sidebar-widget.tech-news-widget .widget-title {
    color: #f8f9fa !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    letter-spacing: 0.5px !important;
}

[data-theme="dark"] .sidebar-widget.tech-news-widget .card-header {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%) !important;
    border-bottom: 1px solid #475569 !important;
}

[data-theme="dark"] .sidebar-widget.tech-news-widget .card-header i {
    color: #74b9ff !important;
}

/* 暗黑模式下取消技术资讯区域的高度限制 */
[data-theme="dark"] .right-sidebar {
    max-height: none !important;
    overflow-y: visible !important;
}

[data-theme="dark"] .tech-news-widget .card-body {
    max-height: none !important;
    overflow-y: visible !important;
    height: auto !important;
}

[data-theme="dark"] .sidebar-tech-news-list {
    max-height: none !important;
    overflow-y: visible !important;
    height: auto !important;
}

[data-theme="dark"] .sidebar-tech-news-link .sidebar-tech-news-title {
    color: #f8f9fa !important;
    font-weight: 400 !important;
    font-size: 0.8rem !important;
}

[data-theme="dark"] .sidebar-tech-news-link {
    color: #f8f9fa !important;
}

[data-theme="dark"] .sidebar-tech-news-link:hover .sidebar-tech-news-title {
    color: #74b9ff !important;
}

[data-theme="dark"] .sidebar-tech-news-title {
    color: #f8f9fa !important;
    font-weight: 400 !important;
    font-size: 0.8rem !important;
}

[data-theme="dark"] .sidebar-tech-news-meta {
    color: #9ca3af !important;
    font-size: 0.7rem !important;
}

[data-theme="dark"] .tech-news-title {
    color: #f8f9fa !important;
    font-weight: 400 !important;
    font-size: 0.75rem !important;
}

[data-theme="dark"] .tech-news-marker {
    background-color: #9ca3af !important;
    width: 3px !important;
    height: 3px !important;
}

[data-theme="dark"] .tech-news-empty i {
    color: #9ca3af !important;
    font-size: 1rem !important;
}

[data-theme="dark"] .tech-news-empty p {
    color: #dee2e6 !important;
    font-size: 0.75rem !important;
}

[data-theme="dark"] .tech-news-header {
    border-bottom-color: #495057 !important;
}

[data-theme="dark"] .tech-news-title {
    color: #f8f9fa !important;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
}

[data-theme="dark"] .tech-news-toggle {
    color: #f8f9fa !important;
    font-size: 0.8rem !important;
}

[data-theme="dark"] .tech-news-toggle:hover {
    color: #74b9ff !important;
}

[data-theme="dark"] .tech-news-item:hover {
    background: rgba(116, 185, 255, 0.03) !important;
}

[data-theme="dark"] .tech-news-link {
    color: #f8f9fa !important;
}

[data-theme="dark"] .tech-news-link:hover {
    color: #74b9ff !important;
}

[data-theme="dark"] .tech-news-name {
    color: #f8f9fa !important;
    font-weight: 400 !important;
    font-size: 0.85rem !important;
}

[data-theme="dark"] .tech-news-desc {
    color: #9ca3af !important;
    font-size: 0.75rem !important;
}

[data-theme="dark"] .tech-news-date {
    color: #9ca3af !important;
    font-size: 0.7rem !important;
}