/* 版权信息容器，居中展示 */.footer-wr { text-align: center; padding: 10px 0; width: 100%; display: block; flex: 0 0 100%; /* 父级为 flex 时，独占一整行 */ margin-top: 10px; /* 与上方 footer-top 保持间距 */}.footer-wr .copyright { color: #999999; font-size: 12px; margin: 0;}.footer-wr a { color: inherit; /* 默认跟随文字颜色 */ text-decoration: none; transition: color 0.3s ease;}.footer-wr a:hover { color: #00BFFF; text-decoration: none;}/* 顶部栏样式 */.top-bar { background-color: var(--light-color); height: 35px; font-size: 12px; display: flex; /* 将.top-bar 设置为 flex 容器，方便对内部元素进行排列布局 */ justify-content: space-between; /* 使内部元素在水平方向两端对齐 */ align-items: center; /* 让内部元素在垂直方向上居中对齐 */ width: 100%;}/* 主要内容区域样式 */.main-content-wrapper { background-image: url('/media/groupback/groupback.png'); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 10px 0; margin-top: 4px;}/* 轮播图容器样式 */.carousel-container { position: relative; width: 754px; height: 348px; margin: 0 auto;}/*资源列表样式*/.resource-list { margin-top: 20px;}.resource-item { background: #fff; padding: 5px; margin-bottom: 10px; border-radius: 4px; transition: all 0.3s;}.resource-item:hover { box-shadow: 0 2px 8px rgba(0,0,0,.1);}.resource-item-left { display: flex; align-items: center;}.resource-icon { margin-right: 10px; color: var(--primary-color);}.resource-title { flex: 1; color: #333;}.resource-time { color: #999; font-size: 12px;}/* 通用页脚样式 */.footer { background-color: #343a40; /* 深灰色背景 */ color: #f8f9fa; /* 浅灰色文字 */ padding: 30px 0 0 0; width: 100%;}/* 页脚容器样式 - 与主要内容区域对齐 */.footer .container { max-width: 1200px; margin: 0 auto; display: flex; /* 覆盖全局 .container 的横向布局，在页脚内改为竖向 */ flex-direction: column; /* 竖向堆叠：footer-top 在上，footer-wr 在下 */ width: 100%;}/* 页脚顶部区域 - 三列平均分布 */.footer-top { display: flex; /* align-items: center; */ flex-wrap: nowrap; /* 防止换行，三列同一行展示 */ margin-bottom: 2px; min-height: 120px; /* 增加高度，高于二维码 */ width: 100%; flex: 0 0 100%; /* 父级为 flex 时，独占一整行 */ border-bottom: 1px solid #4b5054; padding-bottom: 15px; /* 增加底部内边距，让横线离内容更远 */}/* 通用列样式 */.footer-column { display: flex; min-height: 100px; /* 确保高度高于二维码 */ flex: 0 0 33.333%; /* 三列固定各占1/3宽度，不挤到下一行 */ box-sizing: border-box;}/* 左侧帮助链接 */.footer-left { justify-content: flex-start; flex-direction: column; /* 垂直堆叠：第一行“帮助”，第二行“友情链接” */}.footer-link { color: #f8f9fa; text-decoration: none; font-size: 14px; transition: color 0.3s ease;}.footer-link:hover { color: #00BFFF; text-decoration: none;}.footer-text { color: #f8f9fa; font-size: 14px; cursor: default;}/* 中间关于链接区域 */.footer-center { justify-content: center;}.qr-codes { display: flex; gap: 40px; align-items: center;}.qr-item { display: flex; flex-direction: column; align-items: center; text-align: center;}.qr-code { width: 120px; height: 120px; background: white; border-radius: 8px; padding: 8px; margin-bottom: 8px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1);}.qr-code img { max-width: 100%; max-height: 100%; border-radius: 4px;}.qr-placeholder { width: 100%; height: 100%; background: #f8f9fa; border: 2px dashed #dee2e6; border-radius: 4px; display: flex; align-items: center; justify-content: center; color: #6c757d; font-size: 12px; font-weight: 500;}.qr-label { color: #f8f9fa; font-size: 12px; font-weight: 500;}/* 右侧二维码区域 */.footer-right { justify-content: flex-end; align-items: flex-end; margin-top: 23px;}.back-to-top-btn { background-color: #20c997; /* 青绿色背景 */ color: white; border: none; border-radius: 8px; padding: 12px 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; font-size: 12px; min-width: 60px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);}.back-to-top-btn:hover { background-color: #1ba085; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.2);}.back-to-top-btn i { font-size: 16px; margin-bottom: 4px;}.back-to-top-btn span { font-size: 10px; font-weight: 500;}/* 分隔线 */.footer-divider { height: 1px; background-color: #6c757d; margin: 15px 0;}/* 横线下方的内容区域 */.footer-content { border-bottom:1px solid #4b5054; padding-top: 10px; /* 减少与上方横线的间距 */ padding-bottom: 10px; /* 减少与下方横线的间距 */}.footer-content p { color: #f8f9fa; font-size: 12px; margin: 0;}.footer-content a { color: inherit; /* 默认跟随文字颜色 */ text-decoration: none; transition: color 0.3s ease;}.footer-content a:hover { color: #00BFFF; text-decoration: none;}/* 友情链接区域 */.footer-links { text-align: left; margin: 15px 0;}.friendly-links { color: #f8f9fa; font-size: 14px;}.friendly-links a { color: #20c997; text-decoration: none; transition: color 0.3s ease;}.friendly-links a:hover { color: #00BFFF; text-decoration: none;}/* 版权信息 */.footer-copyright { text-align: center; margin: 15px 0;}.copyright { color: #999999; font-size: 12px;}/* 响应式设计 */@media (max-width: 768px) { .footer-top { flex-direction: row; /* 保持同一行 */ flex-wrap: nowrap; /* 禁止换行 */ gap: 0; text-align: left; min-height: auto; } .footer-column { min-height: auto; flex: 0 0 33.333%; max-width: 33.333%; box-sizing: border-box; } .footer-left { justify-content: center; } .footer-center { justify-content: center; } .qr-codes { gap: 20px; } .qr-code { width: 60px; height: 60px; } .footer-links { text-align: center; }}/* 遮罩层 */.overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999;}.overlay.show { display: block;}.main-content { background-color: #f8f9fa;}/* 确保内容区域有足够的空间 */.container { max-width: 1200px; margin: 0 auto;}/* 卡片样式优化 */.card { box-shadow: 0 2px 4px rgba(0,0,0,0.1);}/* 列表组样式优化 */.list-group-item { border: none; border-bottom: 1px solid #eee;}.list-group-item:last-child { border-bottom: none;}.list-group-item.active { background-color: #e9ecef; color: #333; border-left: 3px solid #007bff;}/* 文档卡片样式 */.document-card { height: 100%; display: flex; flex-direction: column;}.document-card .card-body { flex: 1; display: flex; flex-direction: column;}.document-card .card-title { font-size: 1.1rem; margin-bottom: 0.5rem;}.document-card .card-text { flex: 1;}/* 响应式调整 */@media (max-width: 768px) { .main-content { padding: 10px 0; } .col-md-3 { margin-bottom: 20px; }}/* 面包屑导航样式 */.breadcrumb { background-color: transparent; padding: 0; margin-bottom: 1rem;}.breadcrumb-item + .breadcrumb-item::before { content: ">";}/* 分类标题样式 */.category-title { font-size: 24px; color: #333; font-weight: 600; padding-bottom: 10px; border-bottom: 2px solid #eee;}/* 分类部分样式 */.category-section, .subcategory-section { margin-bottom: 30px;}.section-title { font-size: 18px; color: #666; margin-bottom: 15px; font-weight: 500;}/* 调整分类字体大小与前缀标识 *//* 一级分类字体大小 */.category-name a { font-size: 14px; display: inline-block; height: 30px; line-height: 30px; padding: 0 4px;}/* 二级分类字体大小 */.subcategory-item { font-size: 13px; display: inline-block; height: 30px; line-height: 30px; padding: 0 4px; background: transparent; border: none; border-radius: 0; color: #495057; text-decoration: none; transition: all 0.3s ease;}/* 一级分类名前的标识条 */.firstcatename { position: relative; padding-left: 10px;}.firstcatename::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 12px; background: #00BFFF; border-radius: 2px;}/* 分类列表样式 */.category-list, .subcategory-list { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 8px;}/* 文本化一/二级分类，去掉方框，仅保留文字 */.category-item, .subcategory-item { display: inline-block; padding: 0 8px; background: transparent; border: none; border-radius: 0; color: #495057; text-decoration: none; transition: all 0.3s ease; height: 30px; line-height: 30px;}/* 一级分类行使用虚线分隔 */.category-row { border-bottom: 1px dotted #e0e0e0; padding-bottom: 0; margin-bottom: 2px; display: flex; align-items: center;}/* 二级分类项不显示单独的虚线下划线 */.subcategory-item { border-bottom: none;}/* 文档列表样式 */.document-section { margin-top: 30px;}/* 文档卡片样式 */.card { border: 1px solid #dee2e6;}.card-img-top { height: 200px; object-fit: cover;}.card-title { font-size: 16px; font-weight: 600; margin-bottom: 10px; line-height: 1.4;}.card-text { font-size: 14px; color: #6c757d;}/* 响应式调整 */@media (max-width: 768px) { .category-list, .subcategory-list { gap: 5px; } .category-item, .subcategory-item { padding: 6px 12px; font-size: 14px; } .card-img-top { height: 160px; }}/* 导航菜单行样式 */.navbar-nav { margin-left: 0; /* 确保导航菜单没有左边距 */ padding-left: 0; /* 确保导航菜单没有内边距 */ background-color: transparent !important;}.nav-item { margin-right: 20px; /* 增加导航项之间的间距 */}.nav-link { color: #333; /* 导航链接颜色 */ font-weight: 500; /* 导航链接字体加粗 */ font-size: 16px; /* 导航链接字体大小 */}/* 强制设置导航项背景色 - 只有第一个有背景色 */.navbar-nav .nav-item .nav-link { background-color: transparent !important;}/* 删除强制给第一个导航项设置背景色的规则 */.navbar-nav .nav-item:not(:first-child) .nav-link { background-color: transparent !important; color: #666666 !important;}/* 确保轮播图在较低层级，搜索浮层可覆盖 */.carousel-wrapper { position: relative; z-index: 1;}/* 轮播图容器也设置较低层级 */.carousel-container { position: relative; z-index: 1;}/* 资料搜索悬浮面板：覆盖轮播图并居中 */.search-menu-item { position: relative; z-index: 10; /* 确保菜单项本身有足够层级 */}/* 搜索框触发区域 - 从左侧菜单到轮播图区域的桥梁 */.search-menu-item::after { content: ''; position: absolute; left: 100%; top: 0; width: 200px; /* 桥梁区域宽度 */ height: 100%; background: transparent; z-index: 5; pointer-events: auto;}.search-flyout { position: absolute; /* 改为绝对定位，相对于轮播图区域 */ left: 0; top: 0; width: 100%; /* 完全覆盖轮播图区域 */ height: 100%; /* 完全覆盖轮播图区域 */ background: #ffffff; /* 完全不透明的白色背景 */ border: none; border-radius: 0; box-shadow: none; padding: 0; display: none; /* 默认隐藏 */ z-index: 9999; /* 确保在轮播图之上 */ opacity: 1; visibility: visible; pointer-events: auto; /* 使用flexbox居中搜索内容 */ flex-direction: column; justify-content: center; align-items: center;}/* 悬浮显示：鼠标在菜单项或面板上时均保持显示 */.search-menu-item:hover .search-flyout,.search-flyout:hover { display: flex !important; /* 使用flex布局居中显示 */}/* 大标题样式 */.flyout-title { font-size: 42px; font-weight: 800; text-align: center; color: #333; margin: 0 0 18px;}/* 搜索框内容容器 */.flyout-search-form { width: 90%; /* 增加宽度，占轮播图区域的90%宽度 */ max-width: 700px; /* 增加最大宽度限制 */ text-align: center;}/* 大尺寸输入 */.flyout-input-group { display: flex; gap: 12px; margin-bottom: 20px;}.flyout-input { flex: 1; height: 60px; /* 增加高度 */ border: 3px solid #00BFFF; /* 使用站点主色 */ border-radius: 12px; padding: 0 20px; font-size: 20px; /* 增大字体 */ background: rgba(255, 255, 255, 0.9); /* 半透明白色背景 */ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}.flyout-input:focus { outline: none; border-color: #009688; box-shadow: 0 0 0 3px rgba(0, 191, 255, 0.3);}.flyout-btn { height: 60px; padding: 0 30px; background: #00BFFF url('../images/search_icon.png') no-repeat center center; /* 使用站点主色 */ background-size: 24px 24px; color: #fff; border: none; border-radius: 12px; font-size: 20px; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0, 191, 255, 0.3);}.flyout-btn i { display: none !important;}.flyout-btn:hover { background: #009688; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0, 191, 255, 0.4);}.flyout-hot-search { margin-top: 20px; text-align: left; /* 改为左对齐 */ background: #f8f9fa; padding: 15px; border-radius: 8px; border: 1px solid #e9ecef; width: 100%; box-sizing: border-box;}.flyout-hot-label { color: #333; margin-right: 8px; font-size: 16px; font-weight: 600; display: inline-block; vertical-align: top;}.flyout-hot-words { display: inline-block; white-space: nowrap; /* 防止换行 */ overflow-x: auto; /* 如果内容太多，允许水平滚动 */ max-width: calc(100% - 100px); /* 为标签留出空间 */ vertical-align: top; /* 隐藏滚动条但保持滚动功能 */ scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE and Edge */}.flyout-hot-words::-webkit-scrollbar { display: none; /* Chrome, Safari and Opera */}.flyout-hot-words a { margin-right: 8px; color: #00BFFF; font-size: 14px; text-decoration: none; padding: 3px 6px; border-radius: 10px; background: rgba(0, 191, 255, 0.1); display: inline-block; white-space: nowrap; /* 确保每个链接不换行 */ flex-shrink: 0; /* 防止收缩 */}