/* Home Page Styles */

.journal-item{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

/* 1. 去掉 li 前面的圆点 */
.journal-description ul,
.journal-description ol {
    list-style: none;
    padding-left: 0;
}

.journal-description li {
    list-style: none;
}

/* ilists 样式：期刊信息列表美化 */
.journal-description .ilists {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.journal-description .ilists li {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1.8;
    font-size: 14px;
    color: #333333;
}

.journal-description .ilists li strong {
    font-weight: 600;
    color: #000000;
    margin-right: 8px;
    display: inline-block;
    min-width: 80px;
}

.journal-description .ilists li a {
    color: #1a4d7a;
    text-decoration: none;
    transition: color 0.2s ease;
}

.journal-description .ilists li a:hover {
    color: #0066cc;
    text-decoration: underline;
}

/* 2. 期刊信息（ISSN、Frequency 等）增加间距 */
.journal-description p {
    margin: 0 0 10px 0;
    line-height: 1.7;
}

/* 含冒号的一般是元信息，多给一点间距 */
.journal-description p span,
.journal-description p b,
.journal-description p strong {
    margin-right: 4px;
}

/* 3. 限制简介里的图片尺寸（保持比例，统一宽度） */
.journal-description img {
    max-width: 200px;
    width: 100%;
    height: auto;
    display: block;
    margin: 15px 0;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 50%);
    border: 1px solid #ccc;
    padding: 5px;
}

/* 4. home_li 样式：让里面的 li 一行显示三个 */
.home_li {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.home_li li {
    flex: 0 0 calc(33.333% - 10px);
    margin-right: 15px;
    margin-bottom: 10px;
    list-style: none;
}

.home_li li:nth-child(3n) {
    margin-right: 0;
}

/* 去掉左右控制按钮的阴影 */
.carousel-control {
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    opacity: 0.5; /* 可选：调整透明度 */
}

/* 或者完全去掉背景和阴影 */
.carousel-control.left,
.carousel-control.right {
    background: none !important;
    filter: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* 鼠标悬停时也去掉 */
.carousel-control:hover,
.carousel-control:focus {
    background: none !important;
    box-shadow: none !important;
}

.carousel-inner .item {
    height: 300px; 
    overflow: hidden;
}

.carousel-inner .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.article-box {
    border: #e0e0e0 1px solid;
    height: 310px;
    padding: 15px;
}

.article-box .article-title {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    line-height: 25px;
    max-height: 75px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.article-box .article-title a:hover {
    text-decoration: none;
    color: #a40000;
}
.article-box-wrapper {
    padding: 15px;
}
.article-box .article-abstract {
    margin: 15px 0 !important;
    color: #666;
    font-size: 14px;
    line-height: 23px;
    max-height: 92px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.journals-title {
    font-weight: bold;
    margin: 5px 0;
}

.article-box .article-more {
    left: 0;
    width: 100%;
    box-sizing: border-box;
}

.article-box .article-more a {
    font-size: 12px;
    color: #a40000;
    padding-left: 0;
    display: inline-block;
    transition: all .6s;
}

.article-box .article-more a:hover {
    text-decoration: none;
    transform: translateX(10px);
}

.article-box em {
    display: block;
    font-style: normal;
    color: #255d42;
    font-size: 14px;
    margin-bottom: 15px;
}

.article-box .article-tag {
    font-size: 12px;
    display: inline-block;
    padding: 3px 5px;
    margin-top: 2px;
    color: #fff;
    background: #255d42;
    border-radius: 5px;
}


/* announcements */
.announcements-box .announcement-title {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    line-height: 25px;
    max-height: 75px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.announcements-box .announcement-title a:hover {
    text-decoration: none;
    color: #a40000;
}

.announcement-box {
    border: #e0e0e0 1px solid;
    height: 184px;
    padding: 15px;
}

.announcement-abstract {
    margin: 15px 0 !important;
    color: #666;
    font-size: 14px;
    line-height: 23px;
    max-height: 92px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.announcement-date-box {
    height: 56px;
    border: #e0e0e0 1px solid;
    background: #f9f9f9;
    padding: 15px;
    font-size: 16px;
}

.announcement-type {
    display: block;
    font-style: normal;
    color: #255d42;
    font-size: 14px;
    margin: 15px 0;
}


/* 改变默认箭头的颜色和大小（防止在白色背景上看不见） */
.slick-prev:before, .slick-next:before {
    color: #337ab7; /* 使用 Bootstrap 3 的主色调蓝色 */
    font-size: 24px;
}

/* 修正图片居中问题 */
.journal-cover {
    display: inline-block !important;
}
/* 让包裹列里面的两个元素垂直排列，并保持一点底部间距 */
.journal-column > div {
    display: block;
    width: 100%;
    margin-bottom: 20px; /* 上下元素之间的间距 */
}

.slick-prev:before, .slick-next:before {
    color: #337ab7; /* 箭头颜色 */
    font-size: 34px;
    display: none !important; /* 直接隐藏掉旧箭头字符 */
    content: '' !important;   /* 彻底清空内容 */
}

.my-custom-img-arrow {
    width: 52px;
    height: 52px;
}

.journal-thumb-box {
    background: #fff;
    box-shadow: 0px 0px 10px rgba(195, 195, 195, 0.75);
    padding: 15px;
    box-sizing: border-box;
    border: #fff 1px solid;
}

.journal-thumb-box:hover {
    border: 1px #a40000 solid;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

.journal-thumb {
    width: 35%;
}
.journal-desc {
    width: 65%;
    padding-left: 15px;
    padding-top: 10px;
}
.journal-desc h1 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}
.journal-thumb-box:hover .journal-desc h1{
    color: #a40000;
}
.slick-next {
    right: -45px!important;
}

.slick-journals {
    margin-top: 20px;
}