/* 全局导航链接样式重置 - 确保优先级最高 */.navbar-nav .nav-link { background-color: transparent !important; border-radius: 0 !important; /* 移除Bootstrap默认的圆角样式 */}/* 强制覆盖所有导航项的背景色 - 使用最高优先级 */.navbar-nav .nav-item .nav-link { background-color: transparent !important; border-radius: 0 !important; /* 移除Bootstrap默认的圆角样式 */}/* 删除强制给第一个导航项设置背景色的规则，让active规则生效 *//* 登录模态框样式 */#login-modal-container { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); z-index: 999; width: 410px; height: 489px; display: none;}#login-iframe { width: 370px; height: 449px; border: none;}.overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 998;}.overlay.show { display: block;}.top-header { display: flex; align-items: center; margin-left: auto; /* 占据剩余空间，将其推到最右侧 */ gap: 6px; font-size: 12px;}.me-3-right { margin-right: 3px;}.me-3-left { margin-left: 3px;}.line-centent { display: inline-flex; align-items: center; justify-content: center; font-size: 12px; color: #666; line-height: 1; vertical-align: middle; margin-top:-4px;}/* 自定义容器宽度 */.container { max-width: 1200px !important; width: 100%; margin: 0 auto; padding: 0; /* 移除全局flex设置，避免影响所有container */}/* 只在特定上下文中使用flex布局 */.top-bar .container { display: flex; justify-content: space-between; align-items: center;}/* 移除空的CSS规则 */.navbar { padding-bottom: 0;}/* 主要内容区域布局 */.main-content-wrapper { width: 100%; padding: 20px 0;}.main-content { width: 1200px; margin: 0 auto; display: flex; gap: 20px;}/* 左侧菜单 */.side-menu-wrapper { width: 205px;}.side-menu { background: #fff; padding: 0; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,.1); height: 348px; position: relative; z-index: 100; display: flex; flex-direction: column;}.side-menu-item { display: flex; align-items: center; padding: 0 20px; cursor: pointer; transition: all 0.3s; border-bottom: 1px solid #eee; position: relative; flex: 1;}.side-menu-item:last-child { border-bottom: none;}.side-menu-item:hover { background: var(--light-color);}.icon-container { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; margin-right: 4px;}.icon-container i { font-size: 24px; color: #666;}/* 按分类看菜单项特殊样式 */.category-menu-item .icon-container { background: url('../images/sear.png') no-repeat center center; background-size: 24px 24px;}/* 搜索菜单项特殊样式 */.search-menu-item .icon-container { background: url('../images/search.png') no-repeat center center; background-size: 24px 24px;}.search-menu-item .icon-container i { display: none;}/* 我的资料菜单项特殊样式 */.collection-menu-item .icon-container { background: url('../images/word.png') no-repeat center center; background-size: 24px 24px;}.text-container { flex: 1;}.text-container .title { font-size: 16px; font-weight: bold; color: #333; margin-bottom: 4px;}.text-container .description { font-size: 12px; color: #999;}/* 分类内容样式 */.category-content { position: absolute; left: 100%; top: 0; width: 780px; min-height: 348px; background: #fff; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,.1); padding: 20px; z-index: 1000; display: none;}.side-menu-item:hover .category-content { display: block;}/* 分类列表样式 */.category-list { display: flex; flex-direction: column; gap: 15px;}.category-row { display: flex; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid #eee;}.category-row:last-child { border-bottom: none;}.category-name { width: 100px; font-size: 16px; font-weight: bold; color: #333; padding-right: 20px; position: relative;}.category-name::after { content: ''; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background-color: #ddd;}.subcategory-list { flex: 1; display: flex; flex-wrap: wrap; gap: 10px; padding-left: 20px;}.subcategory-item { color: #666; font-size: 14px; text-decoration: none; transition: color 0.2s; padding: 2px 8px; border-radius: 2px; display: inline-block;}.subcategory-item:hover { color: #00BFFF; background-color: var(--light-color);}/* 中间轮播区域 */.carousel-wrapper { width: 750px;}.carousel-container { width: 100%; height: 348px; border-radius: 4px; overflow: hidden; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.1);}.carousel-inner { height: 348px;}.carousel-item { height: 348px;}.carousel-item img { height: 100%; object-fit: cover;}/* 右侧统计区域 */.right-sidebar { width: 205px;}/* 紧凑右侧卡片（固定高度 <= 348px） */.rs-compact-card { background: #fff; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,.06); padding: 12px; height: 348px; /* 与轮播一致 */ display: flex; flex-direction: column; justify-content: space-between; /* 垂直分布，防止超出 */}.rs-compact-metrics { display: grid; grid-template-columns: 1fr 12px 1fr; align-items: center;}.rs-compact-metrics .item { text-align: center; }.rs-compact-metrics .label { font-size: 12px; color: #888; }.rs-compact-metrics .value { font-size: 22px; font-weight: 800; color: #00BFFF; margin-top: 2px; }.rs-compact-metrics .divider { width: 1px; height: 36px; background: #eee; margin: 0 auto; }.rs-compact-search { display: inline-block; text-align: center; background: #00BFFF; color: #fff !important; padding: 8px 0; border-radius: 4px; text-decoration: none; margin: 8px 0;}.rs-compact-search:hover { opacity: .92; }.rs-compact-badges { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; }.rs-compact-badges .badge { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 6px; border: 1px solid #f1f1f1; border-radius: 4px; font-size: 12px; color: #555; }.rs-compact-badges .badge img { width: 16px; height: 16px; }.rs-compact-note { text-align: center; color: #999; font-size: 12px; }/* VIP卡片样式 - 使用背景图 */.rs-vip-card { background: url('/static/home_app/images/seg.png') no-repeat center center; background-size: cover; border-radius: 6px; padding: 20px; height: 348px; display: flex; flex-direction: column; align-items: center; justify-content: space-around; box-shadow: 0 2px 8px rgba(0,0,0,.1);}.vip-card-title { font-size: 16px; color: #333; font-weight: 600; margin: 0; text-align: center;}.vip-card-count { font-size: 42px; font-weight: 700; color: #333; text-align: center; line-height: 1; margin: 10px 0;}.count-unit { font-size: 20px; font-weight: 400; margin-left: 4px;}.vip-card-slider { width: 80%; height: 4px; background: #e0e0e0; border-radius: 2px; position: relative; overflow: hidden;}.slider-track { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #5DADE2 0%, #3498DB 100%); border-radius: 2px;}.slider-track::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; background: #3498DB; border-radius: 50%; box-shadow: 0 2px 4px rgba(0,0,0,.2);}.vip-card-btn { display: inline-block; background: linear-gradient(135deg, #5DADE2 0%, #3498DB 100%); color: #fff !important; padding: 10px 40px; border-radius: 20px; text-decoration: none; font-size: 16px; font-weight: 600; text-align: center; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);}.vip-card-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(52, 152, 219, 0.4);}.vip-card-features { width: 100%; display: flex; flex-direction: column; gap: 8px; align-items: center;}.feature-item { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #555;}.feature-icon { font-size: 18px; width: 24px; text-align: center;}.feature-text { font-size: 13px; color: #666;}/* 恢复上一版 right-card 样式 */.right-card { background: #fff; padding: 16px; border-radius: 4px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,.1); min-height: 348px; display: flex; flex-direction: column; align-items: center;}.right-card-title { font-size: 16px; margin: 6px 0 8px 0;}.docnumbox { font-size: 20px; margin-bottom: 10px; }.docnumbox .docnum { font-weight: 800; color: #00BFFF; }.updocbtn { display: inline-block; background-color: #00BFFF; color: #fff !important; padding: 8px 14px; border-radius: 4px; text-decoration: none; margin: 6px 0 12px 0; }.updocbtn:hover { opacity: 0.9; }.fwbz { margin: 6px 0 8px 0; }.fwbz dt { font-weight: 700; }.fwbz dd { color: #999; margin: 4px 0 0 0; }.advantage { list-style: none; padding: 0; margin: 8px 0 0 0; width: 100%; }.advantage li { display: flex; align-items: center; justify-content: flex-start; gap: 8px; padding: 6px 0; }.advantage li img { width: 20px; height: 20px; }.new-resources .count { font-size: 36px; font-weight: bold; color: var(--primary-color); margin: 10px 0;}/* Home Tabs 样式 */.home-tabs { margin: 22px auto; background: #fff; padding: 20px; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,.1); width: 1298px; position: relative; left: 50%; transform: translateX(-50%);}.home-tab-item { text-align: center; padding: 15px;}.home-tab-item .icon { width: 48px; height: 48px; margin-bottom: 10px;}.home-tab-item .title { font-size: 16px; color: #333; margin-bottom: 4px;}.home-tab-item .description { font-size: 12px; color: #999;}.navbars { color: #1E90FF;}/* 首页品牌文字：简化字体样式，避免加载问题 */.navbar-brand.fs-3.m-0 { color: #00BFFF !important; font-size: 28px; font-weight: 700; letter-spacing: 2px; text-shadow: 2px 2px 4px rgba(0, 191, 255, 0.3); transition: all 0.3s ease;}/* 品牌文字悬停效果 */.navbar-brand.fs-3.m-0:hover { color: #0099CC !important; text-shadow: 3px 3px 6px rgba(0, 191, 255, 0.5); transform: scale(1.05);}/* Logo图片样式 */.navbar-brand-logo { display: inline-block; text-decoration: none;}.logo-img { height: 100px; width: auto; transition: all 0.3s ease;}.logo-img:hover { transform: scale(1.05); filter: brightness(1.1);}.input-with-bold-border { border: 3px solid #00BFFF; /* 绿色加粗边框 */ padding: 12px 15px; /* 增加内边距，提高高度 */ border-radius: 8px; /* 更圆滑的边框 */ height: 48px; /* 设置固定高度 */ font-size: 16px; /* 增加字体大小 */}.text-darks { color: #00BFFF;}/* Tab区域样式 */.tab-section { width: 1200px; margin: 16px auto 7px auto; background: #fff; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,.1); padding: 15px;}.tab-container { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px;}.tab-item { display: flex; align-items: center; text-decoration: none; padding: 12px; border-radius: 4px;}.tab-icon { width: 48px; height: 48px; margin-right: 12px; flex-shrink: 0;}.tab-content { flex: 1;}.tab-title { font-size: 16px; font-weight: bold; color: #333; margin-bottom: 4px;}.tab-description { font-size: 12px; color: #999; line-height: 1.4;}.content-section { width: 1240px; margin: auto; padding: 15px;}.content-block { background-color: #bdc0c3;}.hot-section-wrapper { width: 100%; background-color: #fff;}.hot-section { width: 1240px; margin: auto; display: flex; /* 使用flex布局，左侧和右侧并排 */ justify-content: space-between; padding: 20px;}.left-section { /*width: 70%; !* 左侧占70% *!*/ padding-right: 20px;}.right-section { width: 30%; /* 右侧占30% */ padding-left: 20px; position: relative; padding-left: 11px;}/* 在“浏览排行”区域的左侧添加一条竖线 */.right-section::before { content: ""; position: absolute; left: 0; /* 使竖线位于“浏览排行”区域的左侧边缘 */ top: 62px; /* 让竖线顶部距离“浏览排行”区域顶部有 10px 的空白，使竖线高度比上方已有的线低一点 */ bottom: 10px; /* 让竖线底部距离“浏览排行”区域底部有 10px 的空白，进一步控制竖线高度 */ width: 2px; /* 设置竖线的宽度为 2px */ background-color: #eee; /* 设置竖线的颜色为浅灰色，可根据需求修改 */}.h3-margin { margin-top: 10px;}.h3-margin::after { content: ""; display: block; width: 100%; height: 2px; background-color: #eee; /* 线的颜色为黑色，可按需修改 */ margin-top: 4px; /* 调整横线与文字的间距 */}.switch-tabs { display: flex; font-size: 20px; position: relative; justify-content: flex-start; /* 左对齐 */ column-gap: 16px; /* 统一水平间距 */ border-bottom: 2px solid #eee; /* 基准底线，避免叠加伪元素造成双线 */}/* 移除容器伪元素底线，避免与激活下划线叠加产生双线 */.switch-tabs::after { content: none; }.switch-tab { padding: 10px 3px; cursor: pointer; margin-right: 0; /* 取消负边距，避免挤压导致视觉偏移 */ border-radius: 5px; transition: background-color 0.3s; color: inherit; /* 默认字体颜色继承父元素 */ position: relative; /* 为底部横线定位做准备 */}.switch-tab.active { font-size: 20px; color: #00BFFF!important; font-weight: bold;}.switch-tab.active::after { content: ""; position: absolute; left: 0; /* 与标签左边缘对齐，适配任意 padding */ right: 0; /* 与标签右边缘对齐，适配任意 padding */ bottom: 0; height: 3px; /* 与底线同厚度，视觉上一条线 */ background-color: #00BFFF; border-radius: 2px;}.resource-list { width: 100%; display: flex; flex-direction: column;}.resource-list-columns { display: flex; justify-content: space-between; gap: 20px; width: 900px; margin-right: 10px; width: 100%; /* 将宽度设置为 100%，以适应容器 */ max-width: 900px; /* 设置最大宽度，避免过宽 */}.resource-list-column { width: calc((100% - 20px) / 2); /* 两列布局，计算每列宽度，减去间隙宽度后平均分配 #### */}.resource-item { display: flex; justify-content: space-between; margin-bottom: 10px; align-items: center; width: 100%; /* 在网格或列中占满可用宽度，确保对齐 */}.resource-item-left { font-weight: bold; margin-right: 3px;}.resource-item-title { flex: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px; min-width: 0; /* 允许在flex布局中收缩，保持省略号生效并对齐 */}/* 文章标题悬停颜色（首页中间文章列表） */.resource-item-title a:hover { color: #00BFFF;}.resource-item-right { font-size: 12px; color: #888; display: flex; /* 使子元素水平排列 */ align-items: center; /* 子元素垂直居中对齐 */}.resource-item-right img { width: 16px; height: 16px; display: block!important; /* 强制设置为块级元素，排除 display 相关的问题 */ visibility: visible!important; /* 强制设置为可见，排除 visibility 相关的问题 */ opacity: 1!important; /* 强制设置透明度为 1，排除 opacity 相关的问题 */}.formatted-date { font-size: 12px; margin-left: 3px;}.rank-list { display: flex; flex-direction: column; margin-top: 13px;}.rank-item { display: flex; justify-content: space-between; margin-bottom: 6px; padding: 6px;}.rank-number { font-weight: bold;}.rank-title { flex: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-left: 10px;}/* 每一列的样式 */.resource-column { width: calc((100% - 40px) / 3); /* 每列占48%宽度，留出间隙 */}/* 修复输入框样式 */.input-with-bold-border { border: 2px solid #00BFFF; border-radius: 4px;}.nav-hot-search-label { font-weight: bold; font-size: 14px; /* 修改字体大小为14px */ white-space: nowrap; /* 添加此属性，防止"热门搜索："文本换行 ####防止标签文本换行*/ line-height: 18px; /* 设置行高为18px */}.nav-hot-search-words { overflow: hidden !important; /* 隐藏超出部分 */ white-space: nowrap !important; /* 不换行 */ /* text-overflow: ellipsis !important; 移除默认省略号，使用自定义蓝色省略号 */ position: relative !important; /* 为伪元素定位做准备 */ max-width: 100% !important; /* 确保不超出容器 */}.nav-hot-search-words a { font-size: 14px !important; /* 热门搜索词字体大小 */ text-decoration: none; padding: 1px 6px !important; /* 减小内边距以适应18px高度 */ border-radius: 8px !important; /* 减小圆角半径 */ white-space: nowrap; /* 防止 a 标签内的文本换行 添加此属性，防止搜索词文本换行*/ margin-right: 0 !important; /* 减小右边距 */ line-height: 16px !important; /* 设置行高 */ display: inline-block !important; /* 确保正确显示 */ color: #00BFFF !important;}.nav-hot-search-words a:last-child { margin-right: 0; /* 去掉最后一个 a 标签的右边距，避免多余的空白 ####针对最后一个搜索词链接，去除右边距*/}/* 确保导航栏菜单项居中并且对齐 */.navbar-nav { text-align: center;}.navbar-nav .nav-item { /* margin-left: 15px; */ margin-right: 20px;}/* 删除强制给第一个导航项设置背景色的规则 *//* 其他导航项无背景色 - 使用更强的选择器 */.navbar-nav .nav-item:nth-child(2) .nav-link,.navbar-nav .nav-item:nth-child(3) .nav-link,.navbar-nav .nav-item:nth-child(4) .nav-link { background-color: transparent !important; color: #666666 !important;}.navbar-nav .nav-item:nth-child(2) .nav-link:hover,.navbar-nav .nav-item:nth-child(3) .nav-link:hover,.navbar-nav .nav-item:nth-child(4) .nav-link:hover { background-color: transparent !important; color: #00BFFF !important; border-radius: 0 !important; /* 移除Bootstrap默认的圆角样式 */}.input-group { width: 520px; /* 增加宽度 */}/* 新的搜索框结构样式 - 基于提供的代码 */#scbar { width: 450px !important; height: 45px !important; line-height: 45px !important; border: 2px solid #00BFFF !important; background: none !important; border-radius: 0 !important; overflow: hidden !important; margin: 0 auto !important; display: block !important; box-sizing: border-box !important; /* 确保边框不影响宽度计算 */}/* 确保搜索框在所有页面位置一致 */.navbar-wrapper .container .d-flex .col-md-4:nth-child(2) { display: flex !important; justify-content: center !important; align-items: center !important; padding: 18px 0 0 0 !important; margin: 0 !important;}/* 统一搜索框容器的定位 */.nav-search-form { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important;}/* 确保搜索框在所有页面都居中显示 */body .nav-search-form { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 18px 0 0 0 !important;}/* 覆盖任何可能影响搜索框位置的样式 */.document-list-page .navbar-wrapper .container .d-flex .col-md-4:nth-child(2),.home-page .navbar-wrapper .container .d-flex .col-md-4:nth-child(2) { display: flex !important; justify-content: center !important; align-items: center !important; padding: 18px 0 0 0 !important; margin: 0 !important;}.nex_scbar { display: flex !important; align-items: center !important; height: 100% !important; flex-direction: row !important; width: 100% !important;}.nex_scbar_type_td { background-color: transparent !important; padding: 0 12px !important; color: #999 !important; font-weight: bold !important; font-size: 16px !important; height: 100% !important; display: flex !important; align-items: center !important; white-space: nowrap !important; flex-shrink: 0 !important; min-width: 60px !important;}.nex_scbar_type_td .xg1 { color: #999 !important; text-decoration: none !important; font-weight: bold !important;}/* 在"资料"和搜索框之间添加竖线 */.nex_scbar_type_td::after { content: "|" !important; color: #999 !important; /* 与"资料"颜色不一致，更深一些 */ font-weight: normal !important; /* 与"资料"字体粗细不一致 */ margin-left: 8px !important; font-size: 20px !important; /* 比"资料"字体更高 */ line-height: 1.1 !important; /* 调整行高以匹配父元素对齐 */ vertical-align: middle !important; /* 垂直居中对齐 */ display: inline-block !important; /* 确保vertical-align生效 */ margin-bottom: auto !important; margin-top: 8px !important;}.nex_scbartxt { flex-grow: 1 !important; height: 100% !important; display: flex !important; align-items: center !important;}.scbar_txt { width: 100% !important; height: 100% !important; border: none !important; padding: 0 2px !important; box-sizing: border-box !important; outline: none !important; font-size: 16px !important; background: transparent !important; display: block !important; color: #333 !important;}.scbar_txt::placeholder { color: #ccc !important;}.nex_scbar_btn { background-color: #00BFFF !important; width: 60px !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; flex-shrink: 0 !important;}.scbar_btn { background: url('../images/search_icon.png') no-repeat center center !important; background-size: 20px 20px !important; border: none !important; color: #fff !important; font-size: 16px !important; cursor: pointer !important; padding: 0 !important; width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important;}.scbar_btn i { display: none !important;}.scbar_btn:hover { background-color: rgba(255, 255, 255, 0.1) !important;}.clear { clear: both !important;}/* 顶部搜索按钮样式 */.input-group .btn { height: 48px; /* 与输入框高度匹配 */ border-radius: 0 8px 8px 0; padding: 0 20px; /* 增加内边距 */ font-size: 16px; /* 增加字体大小 */ display: flex; align-items: center; justify-content: center;}.col-md-4 { margin-left: 18px; margin-right: 51px; padding-left: 0; /* 覆盖Bootstrap的15px左内边距 */}/* 调整右侧区域 */.col-md-4.text-end { display: flex; justify-content: flex-end; align-items: center;}.new-section-wrapper { width: 100%; background-color: #fff;}.new-section { width: 1240px; margin: auto; display: flex; flex-direction: column; /* 更新为垂直方向布局 */ padding: 20px; box-sizing: border-box;}.left-section { width: 100%; padding-right: 20px;}/* 仅在 .new-section 内部移除左侧额外内边距，确保与同级区域网格等宽 */.new-section > .left-section { padding-right: 0;}.section-title { display: flex; justify-content: space-between; /* 让标题和查看更多按钮处于同一行 */ align-items: center; margin-bottom: 20px; position: relative; padding-left: 15px;}.section-title::before { border-radius: 0 10px 10px 0; top: 7px; width: 5px; z-index: 0; height: 23px; position: absolute; left: 0; background: #00BFFF; content: ''; /* 伪元素必须有 content 属性，即使为空 */}.right_nav { color: #999; margin: 0 0 0 10px;}.view-more { font-size: 14px; margin: 0 5px;}.view-more:hover { text-decoration: underline; color: #00BFFF;}.resource-container { display: flex; flex-direction: column; align-items: flex-start; /* 与横向展示一致：靠左 */}.resource-columns { display: flex; justify-content: space-between; gap: 20px; width: 1200px; margin-right: 10px; width: 100%; /* 将宽度设置为 100%，以适应容器 */ max-width: 1200px; /* 设置最大宽度，避免过宽 */ /*margin: 0 auto; !* 水平居中 *!*/}/* 3列网格助手类（最新资料123使用） */.resource-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); /* 防止列内容撑宽，确保等分 */ column-gap: 12px; row-gap: 8px; width: 100%;}.resource-item { display: flex; justify-content: space-between; margin-bottom: 10px; align-items: center;}.resource-item-title { flex: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}.category-list-container { margin: 0;}.category-margin-bottom { margin-bottom: 40px;}/* 一级分类与二级分类同一行显示 */.category-header { display: flex; align-items: center; /* 垂直居中 */ margin-bottom: 10px; justify-content: space-between; overflow: hidden; position: relative;}.category-header::before { border-radius: 0 10px 10px 0; top: 7px; width: 5px; z-index: -1; height: 23px; position: absolute; left: 0; background: #00BFFF; content: ''; /* 伪元素必须有 content 属性，即使为空 */}.section-span { display: flex; justify-content: space-between; /* 让标题和查看更多按钮处于同一行 */ align-items: center; font-size: 23px; margin-right: 20px; min-width: fit-content; margin-left: 14px;}.subcategory-list-container { display: flex; align-self: flex-end; font-size: 14px; flex-grow: 1; max-width: calc(100% - 232px); white-space: nowrap; /* 不换行 */ text-overflow: ellipsis; overflow: hidden; /* 新增属性，确保子元素不会被压缩 */ flex-wrap: nowrap; /* 新增属性，防止子元素缩小 */ flex-shrink: 0;}.subcategory-list-item { display: inline-block; /* 让二级分类在一行显示 */ max-width: 100px; /* 设置最大宽度 */ overflow: hidden; /* 超出部分隐藏 */ text-overflow: ellipsis; /* 超出部分用省略号代替 */ white-space: nowrap; /* 不换行 */ margin-right: 8px; /* 给每个二级分类一些间距 */ margin-bottom: 5px; /* 增加二级分类之间的垂直间距 */ /* 新增属性，防止子元素缩小 */ flex-shrink: 0; color: #999;}.subcategory-list { width: 30%; margin-right: 10px; /* 给每个二级分类一些间距 */}.separator { margin-right: 8px; /* 分隔符与二级分类项之间的间距 */ color: #999;}/* ======================================== 教务PPT分类特殊样式（参考网站实现 - 卡片式布局） ======================================== *//* 清除浮动工具类 */.keke_doc_clearfix::after { content: ""; display: table; clear: both;}/* 卡片列表容器 */.mod_list { display: flex; flex-wrap: wrap; gap: 15px; width: 100%;}/* 单个卡片链接 */.course-mod { display: block; text-decoration: none; color: inherit; flex: 0 0 calc((100% - 75px) / 6); /* 6列布局，考虑gap=15px，5个间隔共75px */ min-width: 150px; transition: transform 0.3s ease, box-shadow 0.3s ease;}.course-mod:hover { text-decoration: none; transform: translateY(-5px);}/* 卡片内容容器 */.mod_content { background: #fff; border-radius: 4px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: box-shadow 0.3s ease; position: relative; height: 100%; display: flex; flex-direction: column;}.course-mod:hover .mod_content { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);}/* 图片顶部区域 */.mod_content_top { width: 100%; overflow: hidden; background: #f5f5f5; aspect-ratio: 16 / 9; /* 长方形比例，匹配参考网站 (186.66*105.87 ≈ 1.763:1，接近16:9) */ display: flex; align-items: center; justify-content: center;}.mod_content_top img { width: 100%; height: 100%; display: block; object-fit: cover;}/* 文件类型图标样式 */.mod_content_top .file-type-icon { width: auto; height: auto; max-width: 80px; max-height: 80px; object-fit: contain;}/* 标题中间区域 */.mod_content_center { flex: 1; padding: 10px; color: #333; font-size: 14px; line-height: 1.5; min-height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word;}/* 底部信息区域 */.mod_bottom { padding: 10px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: auto; /* 确保底部信息始终在卡片底部 */}.doc_price { font-size: 12px; display: contents; /* 让容器变为透明，不影响布局，使价格和日期成为独立的flex子元素 */ color: #9b9ea0;}.doc_price > * { flex: 1;}.doc_price .active { color: #00BFFF; margin-right: 10px; text-align: left; /* 价格靠左 */}.doc_price .mgl2 { margin: 0 3px;}.doc_price .formatted-date-small { font-size: 12px; color: #9b9ea0; text-align: center; /* 日期居中 */ display: inline-flex; align-items: center; gap: 4px;}.doc_price .formatted-date-small::before { content: ""; display: inline-block; width: 14px; height: 14px; background-image: url("/media/home/date.png"); background-size: contain; background-repeat: no-repeat; background-position: center; flex-shrink: 0;}.mod_bottom_detail-info { font-size: 12px; color: #00BFFF; white-space: nowrap; flex: 1; text-align: right; /* 会员免费靠右 */}/* 查看详情按钮 */.viewbtn { box-sizing: border-box; position: absolute; left: 0; bottom: 0; right: 0; z-index: 10; opacity: 0; width: 100%; height: 170px; padding-top: 95px; text-align: center; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(57%, rgba(255, 255, 255, .89)), to(#fff)); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .89) 57%, #fff 100%); -webkit-transition: opacity .3s linear; transition: opacity .3s linear;}.course-mod:hover .viewbtn { opacity: 1;}.viewbtn .actives { display: inline-block; padding: 6px 12px; background: #00BFFF; color: #fff; font-size: 12px; border-radius: 3px; transition: background 0.3s ease;}.viewbtn .actives:hover { background: #0099CC;}/* 响应式布局 */@media (max-width: 1200px) { .course-mod { flex: 0 0 calc((100% - 60px) / 5); /* 5列布局，4个间隔共60px */ }}@media (max-width: 992px) { .course-mod { flex: 0 0 calc((100% - 45px) / 4); /* 4列布局，3个间隔共45px */ }}@media (max-width: 768px) { .course-mod { flex: 0 0 calc((100% - 30px) / 3); /* 3列布局，2个间隔共30px */ min-width: 150px; }}@media (max-width: 576px) { .course-mod { flex: 0 0 calc((100% - 15px) / 2); /* 2列布局，1个间隔共15px */ }}@media (max-width: 480px) { .course-mod { flex: 0 0 100%; /* 1列布局 */ }}/* 文章展示区域，固定为 3 列 */.article-table-list { display: grid; grid-template-columns: 1fr 1fr 1fr; /* 三列 */ grid-gap: 10px; height: 300px; /* 设置固定高度 */ overflow-y: auto; /* 超出内容滚动 */}/* 每篇文章的样式 */.article-list { border: 1px solid #ddd; padding: 10px; background-color: #f9f9f9; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}/* 实心点 */.article-list .dot { width: 10px; height: 10px; background-color: #4CAF50; border-radius: 50%; margin-right: 10px;}/* 文章标题样式 */.article-list h5 { margin: 5px 0; font-size: 14px; font-weight: bold;}/* 文章日期样式 */.article-list .date { font-size: 12px; color: #888;}/* 给 "查看更多资料" 按钮添加样式 */.read-more { font-size: 14px; /* 设置文字大小 */ text-decoration: none; /* 去掉下划线 */ cursor: pointer; /* 鼠标悬停时显示为手型 */ margin-top: 0; /* 使其在 flex 容器内靠右 */ margin-left: 5px; padding: 5px 10px; /* 设置内边距 */ min-width: fit-content; flex-shrink: 0; /* 防止按钮被压缩 */ color: #999;}/* "查看更多资料"按钮的鼠标悬停效果 */.read-more:hover { color: #00BFFF; border-color: #00BFFF;}/* 最终强制覆盖导航项背景色 - 最高优先级 */.navbar-nav .nav-item .nav-link { background-color: transparent !important;}/* 删除强制给第一个导航项设置背景色的规则 *//* 额外保障 - 覆盖所有可能的样式 */.navbar-nav .nav-item:nth-child(2) .nav-link,.navbar-nav .nav-item:nth-child(3) .nav-link,.navbar-nav .nav-item:nth-child(4) .nav-link,.navbar-nav .nav-item:nth-child(5) .nav-link { background-color: transparent !important; color: #666666 !important;}/* 最高优先级 - 覆盖Bootstrap样式 */body .navbar-nav .nav-item .nav-link:not(.active) { background-color: transparent !important; color: #666666 !important; padding: 8px 16px !important;}/* 删除平台首页默认样式规则 *//* 动态高亮的导航项样式 - 最高优先级 */body .navbar-nav .nav-item .nav-link.category-highlight { background-color: #00BFFF !important; color: white !important; border-radius: 0; padding: 8px 16px;}/* 使用更具体的选择器覆盖Bootstrap */.navbar.navbar-expand-lg.navbar-light.bg-white .navbar-nav .nav-item .nav-link:not(.active) { background-color: transparent !important; padding: 8px 16px !important;}/* 激活状态的导航链接样式 - 最高优先级 */body .navbar.navbar-expand-lg.navbar-light.bg-white .navbar-nav .nav-item .nav-link.active { background-color: #00BFFF !important; color: white !important; border-radius: 0 !important; padding: 8px 16px !important;}/* 超强优先级 - 确保active类样式生效 *//* body .navbar .navbar-nav .nav-item .nav-link.active { background-color: #00BFFF !important; color: white !important; border-radius: 0 !important; padding: 8px 16px !important;} *//* 导航链接hover效果 */.navbar.navbar-expand-lg.navbar-light.bg-white .navbar-nav .nav-item .nav-link:hover { background-color: #f8f9fa !important; color: #00BFFF !important; border-radius: 0 !important; /* 移除Bootstrap默认的圆角样式 */ transition: all 0.3s ease;}/* 激活状态的导航链接hover效果 - 最高优先级 */body .navbar.navbar-expand-lg.navbar-light.bg-white .navbar-nav .nav-item .nav-link.active:hover { background-color: #0099CC !important; color: white !important;}/* 导航栏标题搜索区域高度调整 */.bg-white.py-2.border-bottom { height: 120px !important; display: flex !important; align-items: center !important;}/* 调整导航栏内部容器 */.navbar-wrapper .container { height: 100% !important;}.navbar-wrapper .d-flex { height: 100% !important; align-items: center !important;}/* 调整品牌标题大小 */.navbar-brand.fs-3.m-0 { font-size: 36px !important; font-weight: 700 !important; letter-spacing: 3px !important;}/* 调整搜索框高度 */#scbar { height: 45px !important; line-height: 45px !important;}/* 调整搜索框内部元素 */.nex_scbar_type_td { font-size: 18px !important; padding: 0 10px !important; background-color: transparent !important; color: #999 !important;}.scbar_txt::placeholder { color: #ccc !important;}.nex_scbar_btn { width: 65px !important;}.scbar_btn { font-size: 18px !important;}/* 调整热门搜索区域 */.nav-hot-search { width: 450px !important; /* 确保宽度设置不被覆盖 */ height: 18px !important; /* 设置高度为18px */ overflow: hidden !important; /* 隐藏超出部分 */ white-space: nowrap !important; /* 不换行 */ text-overflow: ellipsis !important; /* 显示省略号 */ margin: 4px auto !important; /* 确保水平居中 */ display: flex !important; /* 确保flex布局 */ align-items: center !important; /* 垂直居中 */ border: none !important; /* 移除所有边框 */ outline: none !important; /* 移除轮廓线 */ box-shadow: none !important; /* 移除阴影 */ background: transparent !important; /* 确保背景透明 */}/* 确保子元素也没有边框 */.nav-hot-search * { border: none !important; outline: none !important; box-shadow: none !important;}.nav-hot-search-label { font-size: 14px !important; /* 修改字体大小为14px */ font-weight: bold !important; line-height: 18px !important; /* 设置行高为18px */}/* 添加省略号伪元素 */.nav-hot-search-words::after { content: "..."; position: absolute; right: 0; top: 0; background: transparent; padding-left: 10px; display: none; color: #00BFFF; font-weight: bold; z-index: 10; font-size: 14px; line-height: 16px;}/* 当内容溢出时显示省略号 */.nav-hot-search-words.overflow::after { display: block;}