/* 
 * Search Widget Styles for Theme Echo Luo
 * 为Halo搜索插件定制的样式文件
 */

/* --- 明亮模式（默认）--- */
:root {
    /* 基础配置 */
    --halo-search-widget-base-font-size: 16px;
    --halo-search-widget-base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --halo-search-widget-base-rounded: 8px;
    
    /* 配色方案 */
    --halo-search-widget-base-bg-color: #ffffff;
    --halo-search-widget-primary-color: #007bff;
    --halo-search-widget-muted-color: #777;
    --halo-search-widget-content-color: #333;
    --halo-search-widget-modal-bg-color: #ffffff;
    --halo-search-widget-modal-layer-color: rgba(0, 0, 0, 0.5);
    --halo-search-widget-hit-bg-color: #f8f9fa;
    --halo-search-widget-divider-color: #eee;
    --halo-search-widget-kbd-border-color: #ddd;
    --halo-search-widget-kbd-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
}

/* --- 暗黑模式支持 --- */

/* 自动模式：根据系统设置自动切换 */
@media (prefers-color-scheme: dark) {
    .color-scheme-auto,
    [data-color-scheme='auto'] {
        color-scheme: dark;
        --halo-search-widget-base-bg-color: #1a1a1a;
        --halo-search-widget-primary-color: #4a9eff;
        --halo-search-widget-muted-color: #cbd5e1;
        --halo-search-widget-content-color: #f1f5f9;
        --halo-search-widget-modal-bg-color: #2d2d2d;
        --halo-search-widget-modal-layer-color: rgba(0, 0, 0, 0.7);
        --halo-search-widget-hit-bg-color: #3a3a3a;
        --halo-search-widget-divider-color: #444;
        --halo-search-widget-kbd-border-color: #555;
        --halo-search-widget-kbd-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.1);
    }
}

/* 强制暗黑模式 */
.color-scheme-dark,
.dark,
[data-color-scheme='dark'] {
    color-scheme: dark;
    --halo-search-widget-base-bg-color: #1a1a1a;
    --halo-search-widget-primary-color: #4a9eff;
    --halo-search-widget-muted-color: #cbd5e1;
    --halo-search-widget-content-color: #f1f5f9;
    --halo-search-widget-modal-bg-color: #2d2d2d;
    --halo-search-widget-modal-layer-color: rgba(0, 0, 0, 0.7);
    --halo-search-widget-hit-bg-color: #3a3a3a;
    --halo-search-widget-divider-color: #444;
    --halo-search-widget-kbd-border-color: #555;
    --halo-search-widget-kbd-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.1);
}

/* 强制明亮模式 */
.color-scheme-light,
.light,
[data-color-scheme='light'] {
    color-scheme: light;
    --halo-search-widget-base-bg-color: #ffffff;
    --halo-search-widget-primary-color: #007bff;
    --halo-search-widget-muted-color: #777;
    --halo-search-widget-content-color: #333;
    --halo-search-widget-modal-bg-color: #ffffff;
    --halo-search-widget-modal-layer-color: rgba(0, 0, 0, 0.5);
    --halo-search-widget-hit-bg-color: #f8f9fa;
    --halo-search-widget-divider-color: #eee;
    --halo-search-widget-kbd-border-color: #ddd;
    --halo-search-widget-kbd-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
}

/* --- 搜索图标的样式优化 --- */
.social-links a[title="搜索"] {
    transition: transform 0.2s ease, color 0.2s ease;
}

.social-links a[title="搜索"]:hover {
    transform: scale(1.1);
    color: var(--halo-search-widget-primary-color);
}

/* --- 搜索组件的额外样式调整 --- */
/* 确保搜索结果与主题风格一致 */
.halo-search-widget {
    font-family: var(--halo-search-widget-base-font-family);
}

/* 搜索结果高亮样式 */
.halo-search-widget mark {
    background-color: var(--halo-search-widget-primary-color);
    color: white;
    padding: 0 2px;
    border-radius: 2px;
}

/* 针对不同屏幕尺寸的响应式优化 */
@media (max-width: 768px) {
    :root {
        --halo-search-widget-base-font-size: 14px;
        --halo-search-widget-base-rounded: 6px;
    }
}