/* Header样式修复 - 仅适用于首页 */
.shiyuan_homepage #top {
    position: fixed;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1001 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    top: 0 !important;
    opacity: 0; /* Initially hidden */
    transform: translateY(-30px); /* Initially offset upwards */
    transition: opacity 0.8s ease-out, transform 0.8s ease-out !important;
}

/* Class to make header visible after title animation */
.shiyuan_homepage #top.header-revealed {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* 确保header中的导航栏显示正常 */
.shiyuan_homepage #top .navbar {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 确保header的子元素都正确显示 */
.shiyuan_homepage #top .navbar-collapse {
    display: flex !important;
    visibility: visible !important;
    background: transparent !important;
}

/* 修复header中可能的布局问题 */
.shiyuan_homepage #top .container,
.shiyuan_homepage #top .navbar > .container,
.shiyuan_homepage #top .navbar > .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    background: transparent !important;
}

/* 修复可能的媒体查询问题 */
@media (min-width: 992px) {
    .shiyuan_homepage #top .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        background: transparent !important;
    }
}

/* 确保顶部菜单项正确显示 */
.shiyuan_homepage #top .navbar-nav {
    display: flex !important;
    visibility: visible !important;
    background: transparent !important;
}

/* 修复品牌图标区域 */
.shiyuan_homepage #top .navbar-brand {
    margin-right: 1rem !important;
    display: block !important;
    background: transparent !important;
}

/* 确保所有子元素均为透明背景 */
.shiyuan_homepage #top *,
.shiyuan_homepage #top .navbar *,
.shiyuan_homepage #top .navbar-collapse * {
    background: transparent !important;
}

/* 调整菜单文字颜色，使其在透明背景上可见 */
.shiyuan_homepage #top .nav-link,
.shiyuan_homepage #top .navbar-brand,
.shiyuan_homepage #top .nav-item > a,
.shiyuan_homepage #top a {
    color: #000 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

/* 悬停效果 */
.shiyuan_homepage #top .nav-link:hover,
.shiyuan_homepage #top .navbar-brand:hover,
.shiyuan_homepage #top .nav-item > a:hover,
.shiyuan_homepage #top a:hover {
    color: #fff !important; /* 鎏金色 */
}