html {
  font-size: 14px;
}

@media (min-width: 992px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    padding-top: 50px; /* 确保内容不会被导航栏遮挡 */
    /*background-image: url('/images/背景图.jpg'); 
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/背景图.jpg');
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat;  
    background-attachment: fixed; */
}


/*修改所有 .nav-link 的背景色*/
.navbar-nav {
    /*background-color: #e3f2fd;*/
    /*border-radius: 4px;
    margin: 0 2px;*/
    height: 50px; /* 确保导航栏有足够的高度 */
}
    .navbar-nav .nav-link {
        font-size: 18px; /* 调整字体大小 */
        line-height: 50px; /* 与导航栏高度匹配，帮助垂直居中 */
        padding-top: 0; /* 可以调整内边距来微调垂直位置 */
        padding-bottom: 0;
        display: flex;
        align-items: center; /* 如果使用flex，可以确保内容垂直居中 */
        justify-content: stretch
    }

        .navbar-nav .nav-link:hover {
            background-color: #ff6a00; /* 悬停时稍深的蓝色 */
            transition: background-color 0.2s; /* 平滑过渡效果 */
        }

    .navbar-nav .nav-link.active {
        background-color: #1376ef; /* Bootstrap 主蓝色 */
        color: white !important; /* 文字变白，!important 确保覆盖 */
    }

.dropdown-menu .dropdown-item:hover {
    background-color: #ff6a00; /* 悬停时稍深的蓝色 */
    
}
/* 鼠标悬停时显示下拉菜单 */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}
/* 鼠标悬停时显示子菜单 */
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-menu {
    min-width: 100px; 
    /* 最小宽度 200px */
    /* 或 width: 100%;  相对于父容器宽度 */
    /* 或 max-width: 300px; 限制最大宽度 */
}
    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
        display: none;
        background-color: #e3f2fd; /* 与父级背景色一致 */
    }

.card {
    overflow: hidden; /* 隐藏图片放大时超出的部分 */
}
.card-img-top {
    transition: transform 0.2s ease;
}

/*.card-img-top:hover {
transform: scale(1.1);
}*/

.text-body {
    /*width: 100%;*/
    /*padding: 0 13% 0 13%;*/
}

.gallery-thumb {
    /*width: 100%;
    height: 200px;*/ /* 固定缩略图高度 */
    object-fit: cover; /* 裁剪填充，保持比例 */
    cursor: pointer;
    transition: transform 0.2s;
}

    .gallery-thumb:hover {
        transform: scale(1.05); /* 悬停微放大 */
    }

.video-thumbnail {
    position: relative;
    cursor: pointer;
}

    .video-thumbnail img {
        /*width: 100%;
        height: 180px;*/ /* 统一缩略图高度 */
        object-fit: cover;
    }

.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 48px;
    color: white;
    text-shadow: 0 0 10px rgba(0,0,0,0.5);
    opacity: 0.8;
    transition: opacity 0.2s;
}

.video-thumbnail:hover .play-icon {
    opacity: 1;
}

.scroll-animate-x {
    --animate-duration: 0.6s; /* 动画时长 */
    --animate-delay: 0s; /* 延迟 */
    --animate-repeat: 1; /* 重复次数，1 表示一次 */
}
.scroll-animate-y {
    --animate-duration: 0.6s; /* 动画时长 */
    --animate-delay: 0s; /* 延迟 */
    --animate-repeat: 1; /* 重复次数，1 表示一次 */
}