/* ===== 共用样式变量 ===== */
:root {
    /* 亮色模式 - 默认 */
    --bg-color: #fafafa;
    --text-primary: #222;
    --text-secondary: #666;
    --text-light: #999;
    --border-color: #ddd;
    --border-hover: #ccc;
    --border-focus: #666;
    --white: #ffffff;
    --hover-bg: #f0f0f0;
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* 暗黑模式 - 根据系统自动切换 */
@media (prefers-color-scheme: dark) {
    :root {
        --bg-color: #1a1a1a;
        --text-primary: #e0e0e0;
        --text-secondary: #b0b0b0;
        --text-light: #808080;
        --border-color: #444;
        --border-hover: #666;
        --border-focus: #888;
        --white: #2d2d2d;
        --hover-bg: #3d3d3d;
    }
}

/* ===== 重置样式 ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-family);
    background-color: var(--bg-color);
    color: var(--text-primary);
    line-height: 1.6;
    transition: background-color 0.3s, color 0.3s;
}
/* 搜索关键词高亮 */
.highlight {
    background-color: #ffeb3b;  /* 亮黄色背景 */
    color: #222;  /* 深色文字 */
    font-weight: 500;
    padding: 0 2px;
    border-radius: 4px;
    transition: all 0.2s;
}

/* 暗黑模式下的高亮 */
@media (prefers-color-scheme: dark) {
    .highlight {
        background-color: #b7930e;  /* 暗金色 */
        color: #fff;
    }
}

/* 如果用了手动暗黑模式 */
:root[data-theme="dark"] .highlight {
    background-color: #b7930e;
    color: #fff;
}