/* 顶部导航样式 */
a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
}

.header-top { 
    background-color: #f8f9fa; 
    padding: 10px 0; 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
}
.logo { 
    width: 120px; 
    transition: transform 0.3s; /* 添加过渡效果 */
}
.logo:hover {
    transform: scale(1.1); /* 鼠标悬停时放大 */
}
.main-title { 
    font-size: 28px; 
    font-weight: bold; 
    color: #d6af72; /* 修改颜色 */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); /* 添加文字阴影 */
    font-family: "Microsoft YaHei"; /* 修改字体 */
}
.sub-title { 
    font-size: 8px; 
    color: #d6af72; /* 修改颜色 */
    font-family: "Microsoft YaHei"; /* 修改字体 */
}
/* 调整搜索框容器样式 */
.input-group-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
}
.input-group {
    border-radius: 10px; /* 搜索框圆角 */
    overflow: hidden;
    width: 400px; /* 设置搜索框宽度 */
    border: 1px solid #adadad;
}
/* 调整搜索按钮和输入框的顺序 */
.input-group button {
    border: none;
    background-color: white; /* 修改为白色背景 */
    color: #adadad; /* 修改为黑色图标 */
    transition: background-color 0.3s; /* 添加过渡效果 */
    order: -1; /* 让按钮显示在前面 */
    border-right: 1px solid #adadad; /* 添加竖线分隔 */
}
.input-group button:hover {
    background-color: #f0f0f0; /* 鼠标悬停时颜色变化 */
}
.input-group input {
    border: none;
    box-shadow: none;
}
.btn-group .btn-link {
    color: #2d3e50;
    transition: color 0.3s; /* 添加过渡效果 */
}
.btn-group .btn-link:hover {
    color: #4a627d; /* 鼠标悬停时颜色变化 */
}
.btn-group .form-select {
    border: none;
    background-color: transparent;
    box-shadow: none;
}

 /* 主导航样式 */
.navbar {
    background-color: #2d3e50;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
    /* 添加背景图 */
    background-image: url('../image/navbar-bg.jpg'); 
    background-size: cover;
    background-position: center;
}
.navbar .main-title {
    color: #d6af72;
}
.navbar .sub-title {
    color: #d6af72;
}

/* Banner 样式 */
.banner { 
    height: 400px; 
    background: #eee; 
    margin: 0; 
    background-image: url('../image/banner.jpg'); /* 可替换为实际的图片路径 */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.banner h2 {
    font-size: 36px;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
/* 添加分割线样式 */
.banner-line {
    height: 5px; /* 线的高度，可按需调整 */
    background-color: #d6af72;
}

/* 设置菜单栏字体大小为 18px */
.navbar-nav .nav-link {
    color: #d6af72;
    transition: color 0.3s; /* 添加过渡效果 */
    font-size: 20px; /* 增大字体大小，可按需调整 */
    font-family: "Microsoft YaHei"; 
    padding: 0 15px; /* 调整左右间距，可按需调整 */
}
/* 鼠标移入导航链接变色 */
.navbar-nav .nav-link:hover {
    color: #4a627d; 
}
/* 鼠标移入显示下拉菜单 */
.navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* 确保下拉菜单紧挨着导航条 */
}
.dropdown-menu {
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
    background-color: #194282; /* 设置下拉菜单背景色为浅蓝色 */
    padding: 0.5rem; 
}
/* 鼠标移入下拉菜单项变色 */
.dropdown-item {
    color: #d6af72;
    transition: background-color 0.3s; /* 添加过渡效果 */
    /* 添加左右内边距 */
    
    border-bottom: 1px dashed white; /* 每一项内容中间使用白色虚线隔开 */
}


/* 模块区域样式 */
.module-card { 
    border: none; 
    margin: 10px; 
    transition: all 0.3s; 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
    border-radius: 10px; /* 卡片圆角 */
}
.module-card:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 鼠标悬停时阴影变化 */
}
.module-card .card-body {
    background-color: #f8f9fa;
    border-radius: 10px;
}

.module-card .card-title {
    color: #2d3e50;
    margin: 10px; /* 增加上下边距 */;
    color: #060606;

}
.module-card .card-text {
    color: #666;
    margin: 10px; /* 增加上下边距 */;
}

.module-card .card-title {
    color: #2d3e50;
}
.module-card .card-text {
    color: #666;
}

/* 页脚样式 */
footer { 
    background: #2d3e50; 
    color: white; 
    padding: 40px 0; 
    margin-top: 50px; 
}
footer .logo {
    width: 120px;
    margin-bottom: 20px;
}
footer ul.list-unstyled li a {
    color: white;
    transition: color 0.3s; /* 添加过渡效果 */
}
footer ul.list-unstyled li a:hover {
    color: #4a627d; /* 鼠标悬停时颜色变化 */
}

/* ... existing code ... */
/* 去掉 btn-link 类的下划线 */
.btn-group .btn-link {
    color: #d6af72;
    transition: color 0.3s; /* 添加过渡效果 */
    text-decoration: none; /* 去掉下划线 */
    height: 24px; /* 设置高度为 24px */
    display: flex; /* 使用 flex 布局 */
    align-items: center; /* 垂直居中 */
}
.btn-group .btn-link:hover {
    color: #4a627d; /* 鼠标悬停时颜色变化 */
}
/* 对下拉菜单按钮也设置高度和垂直居中 */
.btn-group .dropdown .btn.btn-link.dropdown-toggle {
    height: 24px; 
    display: flex; 
    align-items: center; 
}
/* 对分隔符也设置高度和垂直居中 */
.btn-group span {
    height: 24px; 
    display: flex; 
    align-items: center; 
}
.btn-group .form-select {
    border: none;
    background-color: transparent;
    box-shadow: none;
}
/* 为登录注册按钮设置样式 */
.btn-group .btn-link {
    color: #d6af72;
    transition: color 0.3s; 
    text-decoration: none; 
    display: flex; 
    align-items: center; 
    min-width: 62px; /* 增加最小宽度 */
    justify-content: center; /* 让文字在按钮内居中 */
}
.btn-group .btn-link:hover {
    color: #4a627d; 
}
/* 对下拉菜单按钮也设置高度和垂直居中 */
.btn-group .dropdown .btn.btn-link.dropdown-toggle {
    height: 24px; 
    display: flex; 
    align-items: center; 
}
/* 对分隔符也设置高度和垂直居中 */
.btn-group span {
    height: 24px; 
    display: flex; 
    align-items: center; 
}
.btn-group .form-select {
    border: none;
    background-color: transparent;
    box-shadow: none;
}

/* 跨境申报模块菜单样式 */
.menu-item {
    margin-bottom: 5px;
}

/* ... existing code ... */
.news-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #0848c3;
    border-radius: 50%;
}
.news-list a {
    text-decoration: none;
}
.news-bullet-img {
    width: 20px; /* 根据图片实际情况调整宽度 */
    height: 20px; /* 根据图片实际情况调整高度 */
    object-fit: cover; /* 确保图片覆盖指定区域 */
}
.justify-content-end li {
    margin-left: 25px; /* 调整间距 */ 
}