/* 单个参考文献条目样式 */
#articlesView .csl-entry {
    margin-bottom: 1.43em; /* 每个条目之间的间距 */
}
#articlesView .csl-left-margin {
    min-width: 2em;
    float: left;
    font-weight: bold;
}

/* ref styles for a more compact and readable citation */  
#articlesView .citation {
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.9em;
    font-style: italic;
    color: #333333;
    background-color: #f0f0f0;
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 2px 4px;
    transition: background-color 0.3s ease; 
}

 #articlesView .citation:hover {
    background-color: #cccccc; 
    color: #ffffff; 
    cursor: pointer; 
}


#articlesView p{
   /* line-height: 1.43rem;*/
    margin: 1.43rem 0;
}


#articlesView  table {  
    width: 100%;  
    margin: 30px auto; /* 增加上下外边距，并居中显示 */  
    border-radius: 8px; /* 圆角效果 */  
    overflow: hidden; /* 隐藏溢出的内容 */  
    border-collapse: collapse;  
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* 字体设置 */  
    font-size: 14px; /* 字体大小 */  
}  
  
#articlesView  table thead {  
    /*background-color: #f0f0f0; /* 表头背景色 */  
}  
  
#articlesView table thead th {  
    padding: 0px 10px; /* 内边距 */  
    text-align: left; /* 文字对齐方式 */  
    font-weight: 600; /* 字体加粗 */  
    /*color: #333;  字体颜色 */  
    border-bottom: 2px solid #ddd; /* 底部边框 */  
}  
  
#articlesView table tbody {  
}  
  
#articlesView table tbody td {  
    padding: 0px 10px; /* 内边距 */  
    border-bottom: 1px solid #eee; /* 单元格底部边框 */  
    /*color: #666;  字体颜色 */  
}  
  
#articlesView table tbody tr:hover {  
    /*background-color: #fafafa; /* 悬停时的背景色 */  
}  
  
#articlesView table tbody tr:nth-child(even) {  
    /*background-color: #f7f7f7; /* 斑马线颜色 */  
}

#articleViewTooltip {
        display: none; /* 默认隐藏tooltip */
        position: absolute;
        background-color: #f9f9f9;
        border: 1px solid #ddd;
        padding: 10px;
        z-index: 1000;
        width: 400px; /* 根据需要调整宽度 */
}

/******************/
#articleViewNavbar {  
    background-color: #f9f9f9;
    position: fixed;  
    left: 0px;  
    top: 50%;  
    transform: translateY(-50%);  
    border: 1px solid #d4d4d4;  
    border-radius: 5px;  
    padding: 10px;  
    box-shadow: 1px 0 5px rgba(0, 0, 0, 0.15);  
    z-index: 1000;  
    font-family: 'Roboto', sans-serif;  
    font-size: 14px;  
    /*color: #333;  */
    width: 200px; /* Adjust the width as needed */  
}  
  
#articleViewNavbar ul {  
    list-style-type: none;  
    margin: 0;  
    padding: 0;  
    line-height: 1.6; /* Adjust line spacing */  
}  
  
#articleViewNavbar li {  
    margin-bottom: 8px; /* Reduce the margin between list items */  
}  
  
#articleViewNavbar a {  
    text-decoration: none;  
   /* color: #333;  */
    transition: color 0.3s ease;  
}  
  
#articleViewNavbar a:hover {  
   /* color: #007bff;  */
}  
  
#articleViewNavbar li.active a,  
#articleViewNavbar li.current a {  
    /*color: #fff; */ 
    /*background-color: #007bff;  */
    border-radius: 3px;  
    text-decoration: none;  
    padding: 2px 5px; /* Add some padding to active/current links */  
}  
  
#articleViewNavbar li.active a:hover,  
#articleViewNavbar li.current a:hover {  
    /*color: #fff;  */
    /*background-color: #007bff;  */
    text-decoration: none;  
}