/**
 * 文章详情页专用样式（application/index/view/index/article.html）
 * 由 article.html 顶部的 $page_css 引入，消费点在 common/header.html 的 page_css 分支。
 *
 * 历史坑：本文件旧版带有通配符全站重置（把 margin / padding / list-style 全部清零）、
 * li 去项目符号、覆盖 --tblr-font-sans-serif 的 :root 等全局规则，
 * 整份引入会把 tabler 的整页布局打乱，因此一直没人敢挂上去（页面因此长期无样式）。
 * 现在只保留本页用到的规则——后来者要加样式请勿把全局重置搬回来。
 */

/* 面包屑超长标题截断 */
.singe-line {
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
}

/* 标题下的主题色短线 */
.border-theme {
    display: inline-block;
    width: 8%;
    height: 2px;
    z-index: 2;
}

/* 侧栏：最新/相关文章的时间线列表 */
.list-news {
    position: relative;
    border-color: rgba(135, 150, 165, 0.1);
    padding: 0;
    margin: 0;
}

.list-news-item {
    border-radius: 3px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
}

.list-news-item:last-child .list-news-dot:after {
    display: none;
}

.list-news-item.active .list-news-dot:before {
    border-color: #448EF6;
    box-shadow: 0 0 0px 4px rgba(19, 126, 255, 0.2);
}

.list-news-dot {
    position: relative;
    border-color: rgba(135, 150, 165, 0.1);
    padding: 0 .5rem;
}

.list-news-dot:before,
.list-news-dot:after {
    content: '';
    position: absolute;
    border-color: inherit;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
}

.list-news-dot:before {
    border-color: rgba(31, 110, 212, 0.61);
}

.list-news-dot:after {
    width: 0;
    height: auto;
    top: 26px;
    bottom: -12px;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-radius: 0;
}

.list-news-content {
    padding: 0 0 1.5rem 1rem;
}

.list-news-content p:last-child {
    margin-bottom: 0;
}

.list-news-date {
    padding: .5rem 1rem 0;
}

.list-news-item.active .list-news-date {
    padding: .25rem 1rem 1rem;
}

/* 标签 */
.tag {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #616060;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-bottom: 10px !important;
}

/* 上一条 / 下一条（点击整行跳转） */
.tt {
    padding: .6rem 1.25rem;
    cursor: pointer;
}

/* 悬停反馈：补上「这一行可点」的视觉提示（原样式只有 cursor 变化） */
.tt:hover {
    background-color: rgba(19, 126, 255, 0.06);
}

/* 两条之间加分隔线，否则上下条会挤成一整块文字 */
.tt + .tt {
    border-top: 1px solid var(--tblr-border-color, #e6e7e9);
}