/* Theme Name: BG7QIP Theme
Author: BG7QIP
Version: 2.0
Description: A personal theme.
*/

/* 自定义样式表 - 在 WordPress 主题中通常通过 functions.php 引入 */

/* 强制使用 Inter 字体，并提供平滑滚动体验 */
/* --- 主页背景图片设置 --- */


/* 提示：如果图片太亮，可以给主体内容加一点透明背景色，让文字更容易阅读 */
/*
#page {
    background-color: rgba(255, 255, 255, 0.85); 
}
*/

/* 自定义菜单悬停效果：蓝色滑块 */
.menu-item a {
    /* 基础样式: 确保链接块可以应用 padding 和 background */
    position: relative;
    display: inline-block; 

    /* 字体和颜色 */
    color: #374151; /* text-gray-700 */
    font-weight: 600; /* font-semibold */
    font-size: 1.125rem; /* text-lg */

    /* 增加内边距，为高亮框留出空间 */
    padding: 0.5rem 0.75rem; 
    border-radius: 0.5rem; /* 圆角效果 */

    /* 平滑过渡 */
    transition: all 0.3s ease; 
}

/* 鼠标悬停时的高亮框效果 */
.menu-item a:hover {
    color: #1e40af; /* 文本颜色加深 */

    /* 磨砂玻璃感的高亮框 */
    background-color: rgba(255, 255, 255, 0.6); 

    /* 轻微浮起的阴影 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); 
}
/* -------------------------------------------------------------------------------------- */
/* 搜索框样式 (新增) */
/* -------------------------------------------------------------------------------------- */

.header-search-form input[type="search"] {
    /* 应用磨砂玻璃卡片的轻微透明感 */
    background-color: rgba(255, 255, 255, 0.4); 
    /* 字体颜色 */
    color: #374151;
    /* 边框和圆角 */
    border: 1px solid rgba(255, 255, 255, 0.5); 
    border-radius: 9999px; /* 椭圆形/药丸形圆角 */
    /* 内边距 */
    padding: 0.5rem 1rem;
    /* 过渡效果 */
    transition: all 0.3s ease;
    /* 移除浏览器默认的焦点外框 */
    outline: none;
}

.header-search-form input[type="search"]:focus {
    /* 聚焦时边框颜色加深 */
    border-color: #1e40af; /* 蓝色 */
    /* 聚焦时背景略微变白 */
    background-color: rgba(255, 255, 255, 0.9);
}

.header-search-form button[type="submit"] {
    /* 搜索按钮样式 */
    background-color: #3b82f6; /* Tailwind blue-500 */
    color: white;
    border-radius: 9999px;
    padding: 0.5rem 1rem;
    margin-left: -0.5rem; /* 负边距使按钮与输入框稍微重叠 */
    transition: background-color 0.3s ease;
}

.header-search-form button[type="submit"]:hover {
    background-color: #1e40af; /* Tailwind blue-700 */
}