@charset "utf-8";
/* 覆盖 bootstrap 样式 */
a{color: #1d5098; text-decoration: none;}
a:hover{color: #3580e4; text-decoration: none;}
.bg-primary{background-color: #1d5098 !important;}

/* 文本行数截断 */
.text-truncate-2 {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 2; /* 显示 2 行 */
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    min-height: 3em; /* 假设行高 1.5，2 行的最低高度为 3em */
}
.text-truncate-4 {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 4; /* 显示 4 行 */
    line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    min-height: 6em; /* 假设行高 1.5，4 行的最低高度为 6em */
}
.text-truncate-6 {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 6; /* 显示 6 行 */
    line-clamp: 6;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    min-height: 9em; /* 假设行高 1.5，6 行的最低高度为 9em */
}

/* 毛玻璃 */
.filter-background{backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);} 

/* 解决bootstrap的模态遮罩滚动条抖动问题 */
body{overflow: auto !important;padding-right: 0 !important;}

/* 顶部导航 */
header{
    padding: 1.25rem 1.75rem !important;
    background-image: linear-gradient(135deg, #1d509811 0%, #1d5098aa 100%);
}

/* 顶部空白 */
.top-blank{margin-top: 10rem;}

/* 导航 */
.navbar-brand img{width: 3.5rem;}
.navbar a, .navbar h4{text-shadow: 1px 1px 1px #00000088;}
.dropdown-menu a{text-shadow: none !important}
.dropdown-toggle{width: 7rem; font-weight: 600; display: inline-block; text-align: center;}
.dropdown-menu{min-width: auto;}
.offcanvas-body a{text-decoration: none; color: #212529;}
.offcanvas-body a:hover{color: #666666;}

/* 首页 banner */
.index-banner img{object-fit: cover;}

/* 底部导航 */
footer{background: #cccccc22;}

/* Common */
/* 垂直内容图片 */
.vertical-article-image{ 
    display: block;
    max-width: 100%;
    height: 200px;
    margin: auto;
    object-fit: cover;
    object-position: center;
}
/* 水平内容图片 */
.horizontal-article-image{
    display: block;
    width: 250px;
    max-height: 150px;
    margin: auto;
    object-fit: cover;
    object-position: center;
}