/* 搜索框容器样式 */
.search-section {
    margin-top: 20px; /* 搜索框距离导航栏的间距 */
    margin-bottom: 40px; /* 搜索框与表格间距 */
    text-align: center;}

.search-container {
    text-align: center;}

.search-box {
    width: 50%; /* 搜索框宽度 */
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;}

/* 表格容器 */
.paper-table-section {
    margin-top: auto; /* 表格紧跟搜索框 */
    padding-bottom: 40px; /* 表格与底部的间距 */
    display: flex;
    justify-content: center;
    align-items: flex-start;}

/* 表格容器 */
.table-container {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;}

/* 表格样式 */
.table {
    margin-top: 20px;
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    background-color: #fff;
    color: #363636;}

.table th,
.table td {
    border: 1px solid #dbdbdb;
    padding: 0.5em 0.75em;
    text-align: left;
    word-wrap: break-word;
    white-space: normal;
    vertical-align: top;}

/* 表头样式 */
.table th {
    background-color: #f4f4f4;
    font-weight: bold;}

/* 第一列（会议名称） */
.table td:first-child {
    font-weight: bold;
    font-size: 1.1em; /* 字体稍大 */
    line-height: 1.4;}
/* 作者名字样式 */
.table td .author {
    font-size: 1.1em; /* 字体稍大 */
    font-weight: bold;
    margin-bottom: 5px; /* 与标题间增加间距 */
    display: block;}

/* 论文标题样式 */
.table td .title {
    font-size: 1.1em; /* 字体稍大 */
    line-height: 1.5;}

/* 小字体样式 */
.table .small-text {
    font-size: 0.8em;
    color: #9a9a9a; /* 更淡的字体颜色 */
    margin-top: 5px;
    display: block;
    font-weight: normal;}

/* 关键字样式 */
.table .keywords {
    font-size: 0.8em; /* 字体大小 */
    margin-top: 10px;
    color: #9a9a9a;}


/* 标签样式 */
.table .tags {
    margin-top: 5px;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;}

.table .tag {
    background-color: #bfbfbf;
    display: inline-block;
    padding: 2px 6px;
    font-size: 0.9em;
    font-weight: bold;
    border-radius: 3px;
    color: #fff;}

.table .tag.ccf-a-conf{
    background-color: #ff4d4f;}

.table .tag.ccf-a-jou{
    background-color: #ffa940;}

.table .tag.sci-one{
    background-color: #ffa940;}

/* 图标样式 */
.table .action-icon {
    display: inline-block;
    width: 24px; /* 图标稍微放大 */
    height: 24px;
    margin-left: 8px; /* 图标与标题之间的间距 */
    vertical-align: middle; /* 调整图标垂直居中 */
    background-size: contain; /* 确保图标适配容器 */
    background-repeat: no-repeat;
    background-position: center;
    border: none;}

/* PDF 图标 */
.table .icon-pdf {
    background-image: url(../images/icon-pdf.png);}

/* Talk 图标 */
.table .icon-slides {
    background-image: url(../images/icon-slides.png);}

/* GitHub 图标 */
.table .icon-github {
    background-image: url(../images/icon-github.png);}



/* 自定义分页容器样式 */
.custom-pagination {
    margin: 20px 0; /* 分页上下间距 */
    display: flex;
    justify-content: center; /* 水平居中 */
    gap: 10px;}

.custom-pagination .button {
    padding: 10px 15px; /* 内边距 */
    font-size: 16px; /* 字体大小 */
    border-radius: 5px; /* 圆角 */
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    color: #363636;
    cursor: pointer;}

.custom-pagination .button:hover {
    background-color: #209cee; /* 悬停时背景蓝色 */
    color: #fff;}

.custom-pagination .button.is-primary {
    background-color: #209cee;
    color: #fff;
    font-weight: bold;}

.custom-pagination .button[disabled] {
    background-color: #dbdbdb;
    color: #7a7a7a;
    cursor: not-allowed;
    opacity: 0.6;}

.custom-table-search-highlight {
    background-color: yellow; /* 设置高亮颜色 */
    font-weight: bold;}