/**
 * 主题颜色统一修复补丁
 * 将所有写死的绿色改为使用CSS变量
 * 这样所有模块都能跟随主题切换
 */

/* ==================== 赞赏模块 ==================== */
.donation-banner {
    border-left-color: var(--primary-color) !important;
}

.donation-banner .card-head i.fa-heart {
    color: var(--primary-color) !important;
}

.donate-btn {
    background-color: var(--primary-color) !important;
}

.donate-btn:hover {
    background-color: var(--primary-light) !important;
}

/* ==================== 快审站点 ==================== */
.quick-sites-banner {
    border-left-color: var(--primary-color) !important;
}

/* ==================== 友情链接 ==================== */
.card.links a:hover {
    color: var(--primary-color) !important;
}

/* ==================== 统一所有按钮和链接 ==================== */
a:hover {
    color: var(--primary-color) !important;
}

.oz-bg-green {
    background: var(--gradient-button) !important;
}

.search-btn {
    background: var(--gradient-button) !important;
}

/* ==================== 导航和分类 ==================== */
.nav li::after {
    background: var(--primary-color) !important;
}

.nav li a:hover,
.nav li a.active {
    color: var(--primary-color) !important;
}

@media (max-width: 767px) {

    .nav li a:hover,
    .nav li a.active {
        background: var(--primary-color) !important;
        box-shadow: 0 0 8px var(--primary-color) !important;
    }
}

.category li a:hover,
.category li a.active {
    background: var(--primary-color) !important;
}

/* ==================== 排行榜和统计 ==================== */
.view-list a .view {
    color: var(--primary-color) !important;
}

.side-latest .date {
    color: var(--primary-color) !important;
}

/* ==================== 页脚 ==================== */
.footer-right .contact-btn {
    background: var(--gradient-button) !important;
}

.footer-right .contact-btn:hover {
    background: var(--gradient-primary) !important;
}

.footer-list li a:hover {
    color: var(--primary-color) !important;
}

/* ==================== VIP徽章 ==================== */
.vip-badge {
    background: var(--gradient-badge) !important;
}

/* ==================== 主内容区分隔线 ==================== */
.main::after {
    background: linear-gradient(to bottom, transparent, var(--primary-color), transparent) !important;
    box-shadow: 0 0 8px var(--primary-color) !important;
}

/* ==================== 搜索框 ==================== */
.search-type li:hover,
.search-type li.active {
    background: var(--bg-hover) !important;
}

.search-main .search-input:focus {
    border: 2px solid var(--primary-light) !important;
}

/* ==================== 公告板 ==================== */
.board {
    border-left-color: var(--primary-color) !important;
}

/* ==================== 卡片动画 ==================== */
@keyframes card-head-shine {
    0% {
        left: -100%;
    }

    50% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}

.card .card-head::after {
    background: linear-gradient(to right, transparent, var(--bg-hover), transparent) !important;
}

/* ==================== 待审核、快审等特殊样式 ==================== */
.quick-site-item:hover,
.top-grid .item:hover {
    background-color: var(--bg-hover) !important;
    border-color: var(--border-hover) !important;
}

.quick-site-item:hover .name,
.top-grid .item:hover .name {
    color: var(--primary-color) !important;
}

/* ==================== 表单元素 ==================== */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--primary-light) !important;
}

/* ==================== 文本选中 ==================== */
::-moz-selection {
    background: var(--primary-color) !important;
    color: var(--text-white) !important;
}

::selection {
    background: var(--primary-color) !important;
    color: var(--text-white) !important;
}

/* ==================== 滚动条 ==================== */
::-webkit-scrollbar-thumb {
    background: var(--primary-light) !important;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary-color) !important;
}