/* 文档列表页面样式 */.document-list-page { padding: 20px 0; background-color: #f5f5f5;}/* 使用Bootstrap container，移除固定宽度 *//* .document-list-container { width: 1200px; margin: 0 auto;} *//* 导航链接样式 */.nav-links { display: flex; align-items: center; margin-bottom: 20px; font-size: 14px; color: #666;}/* 注意：不要覆盖全局 .nav-link（顶部导航使用） *//* 新的面包屑链接样式，避免与顶部导航共享 */.breadcrumb-link { color: #666; text-decoration: none;}.breadcrumb-link:hover { color: #1890ff;}.breadcrumb-link.active { color: #333;}.nav-separator { margin: 0 8px; color: #999;}/* 分类标题和数量 */.document-category-header { display: flex; align-items: center; /* 垂直居中 */ justify-content: space-between; overflow: hidden; position: relative;}.category-title { font-size: 24px; color: #333; margin-bottom: 10px;}.category-count { font-size: 14px; color: #666;}/* 分类列表样式 */.category-container { margin-bottom: 10px; border: 1px dashed #e8e8e8; border-radius: 4px; padding: 15px; background-color: #f8f9fa;}.document-category-list { margin-bottom: 0;}.document-category-list.has-subcategory { margin-bottom: 0; border-bottom: none;}.category-list-wrapper { display: flex; flex-wrap: wrap; gap: 15px; padding: 0; margin-bottom: 0;}.document-subcategory-list { display: flex; flex-wrap: wrap; gap: 15px; padding: 0; margin-top: 0;}.category-item,.subcategory-item { padding: 6px 12px; color: #666; text-decoration: none; transition: all 0.3s; white-space: nowrap; border: none; background: none; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; margin-bottom: 5px; min-height: 32px; box-sizing: border-box;}.category-item:hover,.subcategory-item:hover { color: #1890ff; background: none;}.category-item.active,.subcategory-item.active { color: #1890ff; background: #e6f7ff; font-weight: 500; border-radius: 4px;}.document-list-page .category-container .category-item.active { background-color: #00BFFF !important; color: white !important; border-color: #00BFFF !important;}/* 隐藏滚动条但保持功能 */.document-category-list::-webkit-scrollbar,.document-subcategory-list::-webkit-scrollbar { display: none;}.document-category-list,.document-subcategory-list { -ms-overflow-style: none; scrollbar-width: none;}/* 新增首页资源卡片样式 */.document-list-page .resource-container { display: flex; flex-direction: column; align-items: center;}.resource-columns { display: flex; justify-content: space-between; gap: 20px; width: 100%; max-width: 1200px;}/* 资源列表样式 */.document-list-page .resource-list-columns { display: flex; justify-content: space-between; gap: 20px; width: 100%;}.document-list-page .resource-list-column { flex: 1; min-width: 0; /* 防止内容溢出 */}.document-list-page .document-resource-list-columns { display: flex; justify-content: space-between; gap: 20px; width: 900px; margin-right: 10px; margin-left: 10px; width: 100%; /* 将宽度设置为 100%，以适应容器 */ max-width: 1160px; /* 设置最大宽度，避免过宽 */}.document-list-page .resource-item { display: flex; justify-content: space-between; margin-bottom: 15px; align-items: center; padding: 3px; background: #fff; border-radius: 4px; transition: all 0.3s ease;}.document-list-page .resource-item:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.09); transform: translateY(-2px);}.document-list-page .resource-item-left { font-weight: bold; margin-right: 3px;}.document-list-page .resource-item-title { flex: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px;}.document-list-page .resource-item-right { font-size: 12px; color: #888; display: flex; align-items: center;}.document-list-page .resource-item-right img { width: 16px; height: 16px; vertical-align: middle; display: block!important; visibility: visible!important; opacity: 1!important;}.document-list-page .formatted-date { font-size: 12px; margin-left: 3px;}/* 修改文档网格为三列布局（顺序填充，自动换行） */.resource-grid { display: grid; grid-template-columns: repeat(3, 1fr); /* gap: 12px 20px; */ width: 100%;}@media (max-width: 992px) { .resource-grid { grid-template-columns: repeat(2, 1fr); }}@media (max-width: 576px) { .resource-grid { grid-template-columns: 1fr; }}/* 文档列表样式 */.document-section { background: #fff; padding: 20px; border-radius: 4px;}.document-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.document-title { font-size: 18px; color: #333; font-weight: 500;}.sort-btn { padding: 6px 12px; border: 1px solid #d9d9d9; border-radius: 4px; background: #fff; color: #666; cursor: pointer;}.sort-btn:hover { border-color: #1890ff; color: #1890ff;}/* 文档卡片 */.document-card { background: #fff; border: 1px solid #e8e8e8; border-radius: 4px; overflow: hidden; transition: all 0.3s;}.document-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.09); transform: translateY(-2px);}.document-image { height: 160px; overflow: hidden;}.document-image img { width: 100%; height: 100%; object-fit: cover;}.document-info { padding: 15px;}.document-info .document-title { font-size: 16px; margin-bottom: 10px; line-height: 1.4;}.document-meta { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; font-size: 12px; color: #666;}.document-meta span { display: inline-block;}.document-actions { display: flex; justify-content: space-between; align-items: center;}.view-btn { padding: 6px 12px; background: #1890ff; color: #fff; border: none; border-radius: 4px; text-decoration: none; transition: all 0.3s;}.view-btn:hover { background: #40a9ff;}.badge { padding: 2px 6px; border-radius: 2px; font-size: 12px; font-weight: 500;}.badge.paid { background: #f5222d; color: #fff;}.badge.member { background: #722ed1; color: #fff;}.no-documents { text-align: center; padding: 40px 0; color: #999; font-size: 16px;}@media (max-width: 768px) { .document-image { height: 120px; } .category-item, .subcategory-item { font-size: 12px; }}.document-list-page .hot-section-wrapper { margin: 20px auto 0; background-color: #fff;}.document-list-page .document-hot-section-wrapper { width: 100%; background-color: #fff; padding: 20px; border-radius: 4px;}.document-list-page .left-section { width: 100%;}.document-list-page .switch-tabs { display: flex; margin-bottom: 20px; border-bottom: 1px solid #e8e8e8;}.document-list-page .switch-tab { padding: 10px 20px; cursor: pointer; color: #666; border-bottom: 2px solid transparent; transition: all 0.3s;}.document-list-page .switch-tab.active { color: #1890ff; border-bottom-color: #1890ff;}.document-list-page .switch-tab:hover { color: #1890ff;}.document-list-page .resource-list { width: 100%;}.document-list-page .resource-list.latest { display: none;}.document-list-page .resource-list.hot { display: block;}/* 没有更多数据提示样式 */#credit_loading { width: 100%; text-align: center; clear: both; font-size: 14px; color: #9E9E9E; padding: 0;}/* 无限滚动加载样式 */.no-more-documents { text-align: center; padding: 20px 0; color: #999; font-size: 14px; border-top: 1px dashed #e8e8e8; margin-top: 20px;}.loading-indicator { text-align: center; padding: 20px 0; color: #1890ff; font-size: 14px;}.loading-indicator::after { content: ''; display: inline-block; width: 16px; height: 16px; border: 2px solid #1890ff; border-radius: 50%; border-top-color: transparent; animation: spin 1s linear infinite; margin-left: 8px;}@keyframes spin { to { transform: rotate(360deg); }}/* 列表页PPT卡片：一行5个 */.document-list-page .mod_list .course-mod { flex: 0 0 calc((100% - 60px) / 5); /* 5列布局，4个间隔共60px（gap=15px） */}/* 列表页响应式布局 */@media (max-width: 1200px) { .document-list-page .mod_list .course-mod { flex: 0 0 calc((100% - 45px) / 4); /* 4列布局，3个间隔共45px */ }}@media (max-width: 992px) { .document-list-page .mod_list .course-mod { flex: 0 0 calc((100% - 30px) / 3); /* 3列布局，2个间隔共30px */ }}@media (max-width: 768px) { .document-list-page .mod_list .course-mod { flex: 0 0 calc((100% - 15px) / 2); /* 2列布局，1个间隔共15px */ }}@media (max-width: 576px) { .document-list-page .mod_list .course-mod { flex: 0 0 100%; /* 1列布局 */ }}