/* Pagefind 精确定位跳转样式 */

/* 高亮标记样式 */
mark.pagefind-highlight {
    background-color: #ffeb3b;
    color: #000;
    padding: 2px 4px;
    border-radius: 3px;
    box-shadow: 0 0 0 3px rgba(255, 235, 59, 0.3);
    transition: all 0.3s ease;
    font-weight: 500;
}

/* 闪烁动画 */
mark.pagefind-highlight.pagefind-flash {
    animation: pagefind-flash-animation 0.6s ease-in-out 3;
}

@keyframes pagefind-flash-animation {

    0%,
    100% {
        background-color: #ffeb3b;
        box-shadow: 0 0 0 3px rgba(255, 235, 59, 0.3);
    }

    50% {
        background-color: #ff9800;
        box-shadow: 0 0 0 6px rgba(255, 152, 0, 0.6);
        transform: scale(1.05);
    }
}

/* Text Fragment 原生高亮增强 */
::target-text {
    background-color: #ffeb3b !important;
    color: #000 !important;
    padding: 2px 4px;
    border-radius: 3px;
}

/* 暗色背景下的高亮样式 */
.dark mark.pagefind-highlight,
body.dark mark.pagefind-highlight {
    background-color: #ffd54f;
    color: #000;
    box-shadow: 0 0 0 3px rgba(255, 213, 79, 0.4);
}

/* 确保高亮文本在所有背景下可见 */
mark.pagefind-highlight {
    position: relative;
    z-index: 1;
}

/* 移动端优化 */
@media (max-width: 768px) {
    mark.pagefind-highlight {
        padding: 3px 5px;
        font-size: 1em;
    }
}

/* 打印时移除高亮 */
@media print {
    mark.pagefind-highlight {
        background-color: transparent;
        box-shadow: none;
        color: inherit;
    }
}