/* ================================================================
   布局主题：时间轴（timeline）—— body.layout-timeline
   列表页（首页/分类/标签/搜索）：隐藏侧栏，主栏 860px 居中，
   左缘竖向轴线 + 年份牌（模板 tl_year 宏输出）+ 每篇一个节点圆点，
   去卡片外壳的编年体条目。文章页同宽沉浸阅读。
   ================================================================ */

body.layout-timeline .site-aside { display: none; }
body.layout-timeline .site-slider { display: none; }
body.layout-timeline .site-share { display: none; }
body.layout-timeline .site-author { display: none; }

/* —— 主区窄栏居中（列表 / 文章 / 页面统一） —— */
body.layout-timeline .site-main {
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
}

/* —— 列表：轴线画在主区左缘 —— */
body.layout-timeline.page-index .site-main,
body.layout-timeline.page-list .site-main {
    position: relative;
    padding-left: 34px;
}
body.layout-timeline.page-index .site-main::before,
body.layout-timeline.page-list .site-main::before {
    content: '';
    position: absolute; left: 9px; top: 8px; bottom: 40px;
    width: 2px; border-radius: 1px;
    background: linear-gradient(180deg, rgba(125, 135, 150, .5), rgba(125, 135, 150, .1));
}

/* 分类/标签页的面包屑卡不属于时间线，隐藏 */
body.layout-timeline .site-main > .card:has(.breadcrumb) { display: none; }

/* —— 年份牌：轴上的空心大节点 + 大号年份数字 —— */
.tl-year {
    position: relative;
    margin: 2.4rem 0 1.2rem;
}
.site-main > .tl-year:first-child { margin-top: .4rem; }
.tl-year span {
    font-size: 1.6rem; font-weight: 700; line-height: 1;
    letter-spacing: .06em; font-variant-numeric: tabular-nums;
    color: #3a4556;
}
.tl-year::before {
    content: '';
    position: absolute; left: -30px; top: 50%;
    width: 12px; height: 12px; margin-top: -6px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #3273dc;
    box-shadow: 0 0 0 4px rgba(50, 115, 220, .15);
}

/* —— 文章条目：去卡片外壳，节点圆点挂轴 —— */
body.layout-timeline.page-index .site-main .card:not(.card-transparent),
body.layout-timeline.page-list .site-main .card:not(.card-transparent) {
    position: relative;
    display: block;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    padding-bottom: 1.6rem;
}
/* 打散 bundle 的条目间距与悬浮抬升 */
body.layout-timeline.page-index .site-main .card + .card,
body.layout-timeline.page-list .site-main .card + .card { margin-top: 0; }
body.layout-timeline.page-index .site-main .card:not(.card-transparent):hover,
body.layout-timeline.page-list .site-main .card:not(.card-transparent):hover {
    transform: none;
    box-shadow: none;
}
/* 节点圆点（中心对齐轴线） */
body.layout-timeline.page-index .site-main .card:not(.card-transparent)::before,
body.layout-timeline.page-list .site-main .card:not(.card-transparent)::before {
    content: '';
    position: absolute; left: -28px; top: 8px;
    width: 8px; height: 8px; border-radius: 50%;
    background: #3273dc;
    box-shadow: 0 0 0 3px rgba(50, 115, 220, .16);
    transition: transform .15s ease, box-shadow .15s ease;
}
body.layout-timeline.page-index .site-main .card:not(.card-transparent):hover::before,
body.layout-timeline.page-list .site-main .card:not(.card-transparent):hover::before {
    transform: scale(1.35);
    box-shadow: 0 0 0 5px rgba(50, 115, 220, .22);
}

/* 图与“阅读更多”隐去，标题即入口 */
body.layout-timeline.page-index .site-main .card .card-image,
body.layout-timeline.page-list .site-main .card .card-image,
body.layout-timeline.page-index .site-main .card .level .button,
body.layout-timeline.page-list .site-main .card .level .button { display: none; }

/* 层级：日期等宽小字 + 标题 + 两行摘要；hover 标题变主色 */
body.layout-timeline .site-main .card .article-meta time {
    font-variant-numeric: tabular-nums;
    letter-spacing: .05em;
}
body.layout-timeline.page-index .site-main .card .title,
body.layout-timeline.page-list .site-main .card .title { font-size: 1.25rem; }
body.layout-timeline.page-index .site-main .card:hover .title a,
body.layout-timeline.page-list .site-main .card:hover .title a { color: #3273dc; }
body.layout-timeline.page-index .site-main .card .content,
body.layout-timeline.page-list .site-main .card .content {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: .95rem;
    line-height: 1.8;
}

/* —— 文章页：沉浸阅读排版 —— */
body.layout-timeline .post-article {
    line-height: 1.95;
    letter-spacing: .015em;
}

/* —— 窄屏：轴收窄贴边 —— */
@media screen and (max-width: 640px) {
    body.layout-timeline.page-index .site-main,
    body.layout-timeline.page-list .site-main { padding-left: 24px; }
    body.layout-timeline.page-index .site-main::before,
    body.layout-timeline.page-list .site-main::before { left: 5px; }
    .tl-year::before { left: -25px; width: 10px; height: 10px; }
    body.layout-timeline.page-index .site-main .card:not(.card-transparent)::before,
    body.layout-timeline.page-list .site-main .card:not(.card-transparent)::before { left: -23px; }
    .tl-year span { font-size: 1.3rem; }
}