/* ================================= 全局基础样式 重置与统一 ================================= */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Microsoft YaHei", Arial, sans-serif;
}

body {
  padding: 20px 20px 2px 20px ; /*实现上下滚动定位的时候，*/
  background-color: #f5f7fa;
  color: #333;
}
/* 父容器设置，用于居中 .header-logo */
.header-container {
  /* 确保容器有足够高度以实现垂直居中（可根据需求调整高度） */
  height: 80px; /* 示例高度，可根据实际布局调整 */
  display: flex;
  justify-content: center; /* 水平居中子元素 */
  align-items: center; /* 垂直居中子元素 */
  background-color:#409eff;
}
.header-logo {
  display: flex;
  align-items: center;
  gap: 16px; /* 图标与文字区域间距 */
}
        
.header-controls {
  display: flex;
  align-items: center;
  gap: 20px; /* 返回链接与标题间距 */
}
        
.back-to-dashboard {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 4px;
  background-color: #f0f5ff;
  color: #1890ff;
  border-radius: 4px;
  text-decoration: none;
  font-size: 12px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}
        
.back-to-dashboard:hover {
  background-color: #e6f7ff;
  border-color: #91d5ff;
  color: #096dd9;
  transform: translateX(-2px);
}
        
.back-to-dashboard:active {
  transform: translateX(0);
}
        
/* 模拟首页图标（如果没有图标库） */
.icon-home::before {
  content: "🏠";
  font-size: 16px;
}
        
.header-title {
  font-size: 18px;
  font-weight: 600;
  color: #1f2329;
}
        
/* 响应式调整 */
@media (max-width: 768px) {
.header-controls {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}          
.back-to-dashboard {
  padding: 4px 10px;
  font-size: 13px;
}

/* 图片尺寸设置 */
.header-logo img {
  width: 40px;
  height: 40px;
  object-fit: contain; /* 保持图片比例，避免变形 */
}
}
/* 按钮基础样式 */
.btn, .page-btn, .action-btn, .submit-btn, .close-modal, .search-btn {
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 14px;
}

/* 输入框/下拉框基础样式 */
.form-control, input[type="text"], input[type="date"], input[type="number"], 
textarea, select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  transition: border-color 0.2s ease;
}

/* 输入框聚焦反馈 */
.form-control:focus, input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: #409eff; /* 主流蓝色聚焦色，视觉舒适 */
  box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
}
#filePathContainer,#pa_filePathContainer1,#pa_filePathContainer2,#pa_filePathContainer3
{
     display: none;
     visibility: hidden;
}
/* 浅灰背景区分只读状态 */
#p_file_place{
  background-color: #f9f9f9; 
}

/* ================================= 1. 顶部操作栏（添加按钮 + 搜索框）================================= */
.admin-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  padding: 12px 16px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  z-index: 20;
}

/* 添加按钮样式 */
 #addPaperBtn, #editPaperBtn, #deletePaperBtn,#viewPaperBtn, #batchImportBtn, #exportPaperBtn,#exportPdfZipBtn, #printPaperBtn,
  #addPatentBtn, #editPatentBtn, #deletePatentBtn,#viewPatentBtn,#viewClaimsPatentBtn,#viewTechPatentBtn, #importPatentBtn, #exportPatentBtn,#pa_ExportPdfZipBtn, #printPatentBtn{
  background-color: #409eff;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 6px; /* 图标与文字间距 */
}

 #addPaperBtn:hover, #editPaperBtn:hover, #deletePaperBtn:hover, #viewPaperBtn:hover,#batchImportBtn:hover, #exportPaperBtn:hover,#exportPdfZipBtn:hoper,#printPaperBtn:hover,
  #addPatentBtn:hover, #editPatentBtn:hover, #deletePatentBtn:hover, #viewPatentBtn:hover,#viewClaimsPatentBtn:hover,#viewTechPatentBtn:hover,#importPatentBtn:hover, #exportPatentBtn:hover,#pa_ExportPdfZipBtn:hoper,#printPatentBtn:hover {
  background-color: #337ecc; /*  hover 加深色，增强反馈 */
}

/* 搜索框容器 */
.search-box {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 360px; /* 固定搜索框宽度，避免拉伸 */
}

.search-input {
  display: -ms-flexbox;  /* IE10+ 识别的flex容器声明 */
  display: flex;         /* 现代浏览器标准声明 */
  -ms-flex-direction: column;  /* IE10+ 兼容：设置主轴方向 */
  flex: 1; /* 输入框占满剩余空间 */
}

.search-btn {
  background-color: #f0f2f5;
  color: #666;
}

.search-btn:hover {
  background-color: #e5e6eb;
}


/* ================================= 2. 状态提示框（成功/错误消息）================================= */
.status-message {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 12px 24px;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  z-index: 1000; /* 置顶显示，不被遮挡 */
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* 成功状态 */
.status-message.success {
  background-color: #52c41a;
  opacity: 1;
}

/* 错误状态 */
.status-message.error {
  background-color: #ff4d4f;
  opacity: 1;
}


/* ================================= 3. 论文表格容器（防止溢出 + 可读性）================================= */
/* 1. 关键：表格容器 - 限制高度+仅垂直滚动 */
.papers-table-container,.patents-table-container {
  display:flex;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  overflow-x: auto; /* 表格过宽时横向滚动，避免页面错乱 */
  margin-bottom: 24px;
  /* 核心：设置容器最大高度（根据页面布局调整，如500px,65vh     定义：1vh = 视口高度的 1%（视口高度为 800px 时，1vh = 8px）。
     特点：尺寸随浏览器窗口高度变化，适合控制 “垂直全屏” 元素。），超出则滚动 */
  max-height: 65vh; 
  /* 仅垂直方向滚动，水平方向随页面自适应（若表格过宽可加 overflow-x: auto） */
  overflow-y: auto; 
  /* 确保容器占满宽度，避免表格错位 */
  width: 100%; 
  /* 可选：添加边框和阴影，优化视觉 */
  border: 1px solid #eee;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);


}

.papers-table,.patents-table {
  width: 100%;
  border-collapse: collapse; /* 合并边框，避免重复线条 */
  /* 可选：防止表格因内容过窄变形 */
  min-width: 1200px; 
}

/* 核心：表头固定 - sticky定位 */
.papers-table thead,.patents-table thead{
  /* 粘性定位：滚动到顶部时固定 */
  position: sticky; 
  /* 关键：表头固定在容器顶部（需根据上方元素高度调整！） */
  /* 若 .admin-actions + #statusMessage 总高度为 60px，则 top: 60px，避免重叠 */
  top: -1px; 
  /* 不透明背景：防止滚动时内容穿透表头 */
  background-color: #f5f5f5; 
  /* 层级高于表格内容，确保不被覆盖 */
  z-index: 10; 
}

.papers-table th, .papers-table td,.patents-table th, .patents-table td {
  /* 固定内边距，确保表头与内容高度匹配 */
  padding: 12px 12px; 
  /* 文本左对齐（可根据需求改center） */
  text-align: left; 
  /* 统一边框，避免错位 */
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  font-size: 13px;
}

/* 清除最后一列右边框，优化视觉 */
.papers-table th:last-child, 
.papers-table td:last-child,
.patents-table th:last-child, 
.patents-table td:last-child {
  border-right: none;
}

/* 表头样式（固定背景 + 加粗） */
.papers-table thead th,
.patents-table thead th {
  background-color: #fafafa;
  font-weight: 500;
  color: #666;
  white-space: nowrap; /* 表头文字不换行，保持对齐 */
}

/* 表体行 hover 效果（增强可读性） */
.papers-table tbody tr:hover,
.patents-table tbody tr:hover {
  background-color: #e9fff8;
}

/* 表格奇偶行区分样式 */
/* 假设你的表格tbody有类名table-body，或直接使用tbody标签 */
.table-body tr:nth-child(odd),
tbody tr:nth-child(odd) {
    background-color: #ffffff; /* 奇数行白色背景 */
}

.table-body tr:nth-child(even),
tbody tr:nth-child(even) {
    background-color: #f8f9fa; /* 偶数行浅灰背景（可调整色值） */
}

/* 可选：添加行悬停效果，增强交互体验 */
.table-body tr:hover,.tbody tr:hover {
    background-color: #e9fff8; /* 悬停时浅蓝色背景 */
    transition: background-color 0.2s ease;
}

/* 保持单元格内边距和边框，确保样式美观 */
.table-body td,
tbody td {
    padding: 8px 12px;
    border-bottom: 1px solid #eee; /* 行底部分隔线 */
}

/* 添加到你的CSS中，检查按钮是否可点击 */
.action-btn.view-btn {
    position: relative; /* 确保不被覆盖 */
    z-index: 10; /* 提高层级，避免被遮挡 */
    pointer-events: auto; /* 确保可点击（默认值，排除被禁用的情况） */
    opacity: 1; /* 排除透明不可见的情况 */
}

.action-btn.edit-btn {
    position: relative; /* 确保不被覆盖 */
    z-index: 10; /* 提高层级，避免被遮挡 */
    pointer-events: auto; /* 确保可点击（默认值，排除被禁用的情况） */
    opacity: 1; /* 排除透明不可见的情况 */
}

.action-btn.delete-btn {
    position: relative; /* 确保不被覆盖 */
    z-index: 10; /* 提高层级，避免被遮挡 */
    pointer-events: auto; /* 确保可点击（默认值，排除被禁用的情况） */
    opacity: 1; /* 排除透明不可见的情况 */
}

/* 操作列样式（按钮横向排列 + 间距） */
.action-cell {
  display: flex;
  gap: 8px;
}

.action-btn {
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 50%; /* 圆形按钮，更精致 */
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f2f5;
  color: #666;
}

/* 不同操作按钮的颜色区分 */
.view-btn:hover {
  background-color: #e6f7ff;
  color: #1890ff;
}

.edit-btn:hover {
  background-color: #fff7e6;
  color: #faad14;
}

.delete-btn:hover {
  background-color: #fff2f0;
  color: #ff4d4f;
}


/* ================================= 4. 分页控件（居中 + 统一样式）================================= */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 32px;
}

.page-numbers {
  display: flex;
  gap: 8px;
}

.page-btn {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #666;
  min-width: 36px;
}

/* 分页按钮状态 */
.page-btn:hover:not(:disabled) {
  border-color: #409eff;
  color: #409eff;
}

.page-btn:disabled {
  cursor: not-allowed;
  background-color: #f5f5f5;
  color: #ccc;
  border-color: #eee;
}

/* 当前页码样式（突出显示） */
.page-numbers .page-btn.active {
  background-color: #409eff;
  color: #fff;
  border-color: #409eff;
}


/* ================================= 5. 模态框（居中 + 内容滚动 + 层级）================================= */
.upload-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明遮罩，隔离背景 */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1001; /* 高于状态提示框 */
  opacity: 0;
  visibility: hidden; /* 初始隐藏，通过 JS 控制显示 */
  transition: all 0.3s ease;
}

/* 模态框显示状态 */
.upload-modal.show {
  opacity: 1;
  visibility: visible;
}

.modal-content {
  width: 90%;
  max-width: 1000px; /* 最大宽度限制，避免大屏过宽 */
  max-height: 90vh; /* 最大高度限制，避免小屏溢出 */
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  display: -ms-flexbox;  /* IE10+ 识别的flex容器声明 */
  display: flex;
  -ms-flex-direction: column;  /* IE10+ 兼容：设置主轴方向 */
  flex-direction: column;
}

/* 模态框头部 */
.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border-bottom: 1px solid #f0f0f0;
}

.modal-header h2 {
  font-size: 18px;
  font-weight: 500;
  color: #333;
}

.close-modal {
  background: transparent;
  color: #999;
  font-size: 24px;
  padding: 0;
  line-height: 1;
}

.close-modal:hover {
  color: #333;
}

/* 模态框表单内容（滚动控制） */
#paperForm,#patentForm {
  padding: 24px;
  overflow-y: auto; /* 内容过多时纵向滚动 */
  flex: 1; /* 占满剩余高度 */
}

/* 表单分组（fieldset 样式） */
.form-fieldset {
  border: 1px solid #eee;
  border-radius: 6px;
  padding: 16px;
  margin-bottom: 20px;
}

.form-fieldset legend {
  padding: 0 8px;
  font-size: 16px;
  font-weight: 500;
  color: #409eff;
}

/* 表单字段容器（分栏布局，减少纵向长度） */
.form-group {
  margin-bottom: 16px;
}

/* 一行两列布局（针对 PC 端，字段密集时更紧凑） */
.form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 16px;
}

.form-row .form-group {
  flex: 1;
  margin-bottom: 0;
}

.form-group label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  color: #666;
}

/* 提交按钮（居中 + 强调样式） */
.submit-btn {
  display: block;
  margin: 20px auto 0;
  background-color: #409eff;
  color: #fff;
  padding: 10px 24px;
  font-size: 16px;
}

.submit-btn:hover {
  background-color: #337ecc;
}

/* 文件上传框样式优化 */
input[type="file"] {
  padding: 8px;
  border: 1px dashed #ddd; /* 虚线边框，区分普通输入框 */
  background-color: #fafafa;
}

.form-group small {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: #999;
}


/* ================================= 6. 响应式适配（平板/手机）开始================================= */
@media (max-width: 1200px) {
  /* 平板端：搜索框宽度减小 */
  .search-box {
    width: 280px;
  }
}

@media (max-width: 768px) {
  /* 手机端：顶部操作栏纵向排列 */
  .admin-actions {
    display: -ms-flexbox;  /* IE10+ 识别的flex容器声明 */
    display: flex;         /* 现代浏览器标准声明 */
   -ms-flex-direction: column;  /* IE10+ 兼容：设置主轴方向 */
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .search-box {
    width: 100%; /* 搜索框占满宽度 */
  }

  /* 手机端：表单从两列变一列 */
  .form-row {
    display: -ms-flexbox;  /* IE10+ 识别的flex容器声明 */
    display: flex;         /* 现代浏览器标准声明 */
   -ms-flex-direction: column;  /* IE10+ 兼容：设置主轴方向 */
    flex-direction: column;
    gap: 16px;
  }

  /* 手机端：模态框宽度更大 */
  .modal-content {
    width: 95%;
    max-height: 85vh;
  }

  /* 手机端：表格操作列换行（避免拥挤） */
  .action-cell {
    flex-wrap: wrap;
  }
  .batch_modal-content {
        width: 90% !important;
        max-width: 500px;
  }
    
  .import-actions {
    flex-direction: column;
  }
    
  .btn {
    width: 100%;
    justify-content: center;
  }
}

/* ================================= 6. 响应式适配（平板/手机）结束================================= */

/*批量导入模态框开始*/
/* 模态框基础样式：初始隐藏+定义Flex居中结构 */
.batch_upload-modal{
    position: fixed ;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none; /* 初始完全隐藏，不占空间 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    z-index: 9999; /* 提高z-index，避免被其他元素遮挡 */
    overflow-y: auto;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    
}

/* 显示模态框：启用Flex布局+显示元素 */
.batch_upload-modal.batchshow {
    display: flex !important; /* 强制启用Flex，确保居中生效 */
    opacity: 1;
    visibility: visible;
}

/* 模态框内容容器：兜底居中+避免溢出 */
.batch_modal-content {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    animation: modalFadeIn 0.3s ease;
    margin: auto; /* 兜底居中 */
    max-width: 100%;
}

/* 模态框头部 */
.batch_modal-header {
    padding: 16px 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.batch_modal-header h2 {
    margin: 0;
    font-size: 18px;
    color: #333;
    font-weight: 600;
}

/* 关闭按钮 */
.batch_close-modal {
    background: none;
    border: none;
    font-size: 24px;
    color: #999;
    cursor: pointer;
    padding: 0 8px;
    transition: color 0.2s;
}

.batch_close-modal:hover {
    color: #333;
}

/* 导入内容容器 */
.batch_import-container {
    padding: 20px;
}

/* 模板下载区域 */
.batch_import-template {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #eee;
}

.batch_import-template p {
    margin: 0 0 15px 0;
    color: #666;
    line-height: 1.5;
}

.batch_import-template p i {
    color: #409eff;
    margin-right: 6px;
}

/* 下载模板按钮 */
.download-template-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: #f5f7fa;
    color: #409eff;
    border: 1px solid #e6e9ed;
    padding: 6px 12px;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s;
    margin-bottom: 15px;
}

.download-template-btn:hover {
    background-color: #eef2f7;
}

/* 注意事项 */
.template-notes {
    background-color: #f8f9fa;
    border-radius: 4px;
    padding: 12px 15px;
    font-size: 14px;
}

.template-notes p {
    margin: 0 0 8px 0;
    color: #333;
}

.template-notes ul {
    margin: 0;
    padding-left: 20px;
    color: #666;
}

.template-notes li {
    margin-bottom: 6px;
    line-height: 1.5;
}

.required-mark {
    color: #f56c6c;
}

/* 表单样式 */
.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    color: #333;
    font-weight: 500;
}

/* 文件上传输入框 */
#importFile,#pa_ImportFile {
    display: block;
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    transition: border-color 0.2s;
}

#importFile:focus,#pa_ImportFile:focus {
    border-color: #409eff;
    outline: none;
}

/* 按钮区域 */
.import-actions {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

/* 按钮样式 */
.btn {
    padding: 8px 16px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.submit-btn {
    background-color: #409eff;
    color: #fff;
}

.submit-btn:hover {
    background-color: #337ecc;
}

.cancel-btn {
    background-color: #f5f7fa;
    color: #606266;
    border: 1px solid #ddd;
}

.cancel-btn:hover {
    background-color: #e9e9eb;
}

/* 进度条样式 */
.import-progress {
    margin-top: 20px;
    padding: 15px;
    background-color: #f8f9fa;
    border-radius: 4px;
}

.progress-bar {
    height: 8px;
    background-color: #e9ecef;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
}

.progress {
    height: 100%;
    background-color: #409eff;
    transition: width 0.3s ease;
}

#progressText,#pa_ProgressText {
    margin: 0;
    color: #666;
    font-size: 14px;
}

/* 导入结果样式 */
.import-result {
    margin-top: 20px;
    padding: 15px;
    border-radius: 4px;
    font-size: 14px;
}

.import-result.success {
    background-color: #f0f9eb;
    border: 1px solid #e1f3d8;
    color: #67c23a;
}

.import-result.error {
    background-color: #fef0f0;
    border: 1px solid #fde2e2;
    color: #f56c6c;
}

/* 模态框淡入动画 */
/*@keyframes modalFadeIn {*/
/*    from {*/
/*        opacity: 0;*/
/*        transform: translateY(-20px);*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*        transform: translateY(0);*/
/*    }*/
/*}*/

/*批量上传模态框结束*/


/* 分页按钮基础样式 */
.page-number-btn {
    margin: 0 3px;
    padding: 6px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    transition: all 0.2s;
}

/* 分页按钮 hover 效果 */
.page-number-btn:hover {
    border-color: #666;
}

/* 当前页高亮样式 */
.page-number-btn.active {
    background: #4285f4; /* 谷歌蓝，可替换为品牌色 */
    color: white;       /* 文字白色 */
    border-color: #4285f4;
    font-weight: bold;  /* 加粗突出 */
}

/* 当前页按钮 hover 效果 */
.page-number-btn.active:hover {
    background: #3367d6; /* 深色 hover 效果 */
}

/* 总页数显示样式 */
.total-pages-display {
    margin-left: 10px;
    color: #666;
}

/* 选中行样式 */
.papers-table tbody tr.selected {
    background-color: #e6f7ff;
    border-left: 3px solid #409eff;
}

/* 复选框列样式 */
.checkbox-column {
    width: 50px;
    text-align: center;
}

/* 复选框样式 */
.paper-checkbox {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* 按钮状态样式 */
#viewPaperBtn:disabled,
#editPaperBtn:disabled,
#deletePaperBtn:disabled,
#viewPatentBtn:disabled,
#viewClaimsPatentBtn:disabled,
#viewTechPatentBtn:disabled;
#editPatentBtn:disabled,
#deletePatentBtn:disabled {
    background-color: #ccc !important;
    cursor: not-allowed;
    opacity: 0.7;
    transform: none;
}

#viewPaperBtn:disabled:hover,
#editPaperBtn:disabled:hover,
#deletePaperBtn:disabled:hover,
#viewPatentBtn:disabled:hover,
#viewClaimsPatentBtn:disabled:hover,
#viewTechPatentBtn:disabled:hover,
#editPatentBtn:disabled:hover,
#deletePatentBtn:disabled:hover {
    background-color: #ccc !important;
}

/* 提示信息样式 */
.toast-message {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 20px;
    border-radius: 4px;
    background-color: #333;
    color: white;
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.3s;
}

.toast-message.show {
    opacity: 1;
}

/* 升序样式：比如显示向上箭头、改变文字颜色 */
.sort-asc {
  color: #007bff; /* 蓝色文字 */
  background-color: #f0f7ff; /* 浅蓝色背景 */
}
.sort-asc::after {
  content: " ↑"; /* 显示向上箭头 */
  margin-left: 5px;
}

/* 降序样式：比如显示向下箭头 */
.sort-desc {
  color: #007bff;
  background-color: #f0f7ff;
}
.sort-desc::after {
  content: " ↓"; /* 显示向下箭头 */
  margin-left: 5px;
}

/* 为不可排序的列添加样式 */
.papers-table th.no-sort,.patents-table th.no-sort {
    cursor: default !important;
    background-color: #f8f9fa;
}

.papers-table th.no-sort:hover,.patents-table th.no-sort:hover {
    background-color: #f8f9fa !important;
}

/* 确保第一列不会有排序相关的样式 */
.papers-table th:first-child,.patents-table th:first-child {
    cursor: default !important;
    background-image: none !important;
}

/* 隐藏第一列可能出现的排序指示器这里不再生效 */
.papers-table th:first-child .sort-indicator,.patents-table th:first-child .sort-indicator {
    display: none !important;
}

.papers-table th:first-child::before,
.papers-table th:first-child::after,
.patents-table th:first-child::before,
.patents-table th:first-child::after {
    display: none !important;
}

/* 如果图标是通过<span>或其他元素添加的，也可以选择性地隐藏，这里不再生效 */
.papers-table th:first-child .sort-indicator,
.papers-table th:first-child .fa,
.patents-table th:first-child .sort-indicator,
.patents-table th:first-child .fa {
    display: none !important;
}

/* 联想下拉框样式开始 */
.autocomplete-container {
    position: relative;
}

.autocomplete-suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 200px;
    overflow-y: auto;
    background: white;
    border: 1px solid #ddd;
    border-top: none;
    z-index: 1000;
    display: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.autocomplete-suggestion {
    padding: 8px 12px;
    cursor: pointer;
    transition: background 0.2s;
}

.autocomplete-suggestion:hover,
.autocomplete-suggestion.active {
    background-color: #f0f7ff;
    color: #007cba;
}

/* 加载中状态 */
.autocomplete-loading::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #ccc;
    border-radius: 50%;
    border-top-color: #333;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: translateY(-50%) rotate(360deg); }
}
/* 联想下拉框样式开始 */

/*导出相关弹窗通用样式开始*/
/* 导出相关弹窗通用样式 */
.export-modal {
    display: none; /* 默认隐藏 */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 24px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 999;
}

/* 导出进度弹窗专属样式 */
#exportProgressModal h3,
#exportCompleteModal h3,
#pa_ExportProgressModal h3,
#pa_ExportCompleteModal h3 {
    margin-top: 0;
    font-size: 18px;
}

/* 进度条容器样式 */
.export-progress-container {
    width: 300px;
    height: 8px;
    background: #eee;
    border-radius: 4px;
    margin: 16px 0;
}

/* 进度条样式 */
#exportProgressBar,#pa_ExportProgressBar {
    width: 0%;
    height: 100%;
    background: #28a745;
    border-radius: 4px;
    transition: width 0.3s ease;
}

/* 进度文本样式 */
#exportProgressText,#pa_ExportProgressText {
    margin: 8px 0;
    font-size: 14px;
}

/* 导出文件列表样式 */
#exportFileList,#pa_ExportFileList {
    max-height: 200px;
    overflow-y: auto;
    padding-left: 20px;
    font-size: 14px;
    color: #666;
}

/* 弹窗按钮通用样式 */
.export-modal-btn {
    margin-top: 16px;
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
}

/* 取消按钮专属样式 */
#cancelExportBtn,#pa_CancelExportBtn {
    background: #dc3545;
}

/* 下载按钮专属样式 */
#downloadZipBtn,#pa_DownloadZipBtn {
    background: #28a745;
}

/* 关闭按钮专属样式 */
#closeCompleteModal,#pa_CloseCompleteModal {
    background: #6c757d;
    margin-left: 8px;
}

/* 完成弹窗文本样式 */
#exportCompleteModal p,#pa_ExportCompleteModal p{
    margin: 8px 0;
    font-size: 14px;
}

#exportCompleteModal p span,#pa_ExportCompleteModal p span {
    font-weight: 500;
}
/*导出相关弹窗通用样式结束*/