@charset "utf-8";
/* 覆盖 bootstrap 样式 */
:root {
  --font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-chinese: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei";
}
body {font-family: var(--font-system), var(--font-chinese), sans-serif;}
a{color: #1d5098; text-decoration: none;}
a:hover{color: #3580e4; text-decoration: none;}

/* 文本行数截断 */
.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;
}

/* 分页 */
.pagination {margin-top:2rem;}
.pagination li{padding:1rem;}

/* 论坛 */
#thread-modal .modal-dialog{min-width:800px;}
/* 论坛档案 */

/* 编辑器 */
#editor-wrapper{border: 1px solid #eee; z-index:100;}
#toolbar-container{border-bottom:1px solid #eee;}
#editor-container{height:500px;}