.lib-list{list-style:none;padding:0;margin:0}
.lib-list li{padding:12px 0;border-top:1px solid var(--crm-separator,#eee)}
.lib-list a.t{font-weight:500;text-decoration:none}.lib-list a.t:hover{text-decoration:underline}
.lib-list .en{display:block;font-size:12.5px;color:var(--crm-secondary,#6e6e6e)}
.lib-list .sum{margin:4px 0 0;max-width:900px}
.body-zh{margin:6px 0;padding:8px 10px;border-left:2px solid var(--ink);background:var(--hover,var(--crm-hover,#f7f7f7));border-radius:0}
.body-zh a{font-weight:500}.body-zh p{margin:2px 0 0;font-size:13px}

/* 话题卡:标题与要点常显,其余折叠;摘要最多三行,卡片顶对齐 */
.cols{align-items:start}
.card.col h3{font-size:15.5px;line-height:1.45}
.body-zh p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fold{margin:6px 0 0;border-top:1px solid var(--crm-separator,#eee);padding-top:6px}
.fold summary{font-size:12.5px;font-weight:500;color:var(--crm-secondary,#6e6e6e)}
.fold ul{margin:6px 0 0;padding-left:18px;font-size:13px}
.fold .body-zh p{-webkit-line-clamp:unset;display:block}

/* 左栏导航:版块、话题角度、原文库渠道;宽屏常驻,窄屏收在页首 */
.tp-layout{display:grid;grid-template-columns:232px minmax(0,1fr);gap:8px;max-width:1460px;margin:0 auto}
.tp-layout main{margin-left:0;margin-right:0;max-width:none;min-width:0}
.tp-side{position:sticky;top:48px;align-self:start;max-height:calc(100vh - 48px);overflow-y:auto;padding:16px 12px;border-right:1px solid var(--crm-separator,#e5e5e5)}
.tp-group{margin:16px 6px 6px;font-size:11.5px;font-weight:600;letter-spacing:.06em;color:var(--crm-secondary,#6e6e6e)}
.tp-group:first-child{margin-top:0}
.tp-side>a,.tp-item{display:flex;justify-content:space-between;align-items:baseline;gap:8px;width:100%;padding:5px 8px;border:0;border-radius:6px;background:none;color:inherit;font:inherit;font-size:13.5px;text-align:left;text-decoration:none;cursor:pointer}
.tp-side>a:hover,.tp-item:hover{background:var(--crm-hover,#f5f5f5)}
.tp-item small{color:var(--crm-secondary,#8a8a8a);font-variant-numeric:tabular-nums}
.tp-sub{margin:8px 8px 2px;font-size:11px;color:var(--crm-secondary,#8a8a8a)}
.tp-item--child{padding-left:20px}
.tp-item.is-on{background:var(--reader-selected-bg);color:var(--reader-selected-ink);font-weight:600;box-shadow:inset 2px 0 0 var(--reader-selected-ink)}
.tp-item.is-on small{color:var(--reader-selected-ink)}
@media(max-width:900px){.tp-layout{grid-template-columns:1fr}.tp-side{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--crm-separator,#e5e5e5);padding:12px 16px}.tp-side #side-status,.tp-side #side-direction,.tp-side #side-sites,.tp-side #side-angles,.tp-side #side-display,.tp-side #side-topics{display:flex;flex-wrap:wrap;gap:4px}.tp-item{width:auto}}

.tp-select{display:block;padding:2px 8px}.tp-select select{width:100%;padding:6px 8px;border:1px solid var(--crm-separator,#ddd);border-radius:6px;background:var(--crm-bg,#fff);color:inherit;font:inherit;font-size:13.5px}

/* 头条卡片(2026-10-01 站长):同样大小,每行 5 张,20 个两行看完;「详情」展开的那张占满一行 */
.tp-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(300px,auto);gap:12px;margin-top:14px}
.tp-card{display:flex;flex-direction:column;gap:6px;min-width:0;height:300px;overflow:hidden;padding:12px 14px;border:1px solid var(--line,var(--crm-separator,#e5e5e5));border-radius:0;background:var(--paper,var(--crm-surface,transparent))}
.tp-card>*{flex:0 0 auto}
.tp-card__top{display:flex;gap:6px;flex-wrap:wrap}
.tp-card__title{margin:0;font-size:14.5px;line-height:1.4;max-height:4.2em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tp-card__title a{color:inherit;text-decoration:none}.tp-card__title a:hover{text-decoration:underline}
.tp-card__meta{margin:0;font-size:12px;color:var(--crm-secondary,#6e6e6e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tp-card__tags{display:flex;flex-wrap:nowrap;gap:4px;overflow:hidden;mask-image:linear-gradient(90deg,#000 85%,transparent)}
.tp-card__tags .chip{flex:0 0 auto}
.tp-card .body-zh{flex:1 1 auto;margin:0;padding:6px 8px;font-size:12.5px;min-height:0;overflow:hidden}
.tp-card .body-zh a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tp-card .body-zh .note{display:none}
.tp-card .body-zh p{-webkit-line-clamp:2;font-size:12px}
.tp-card__empty{margin:0;font-size:12.5px}
.tp-card__act{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.tp-card__act .btn{font-size:12.5px;padding:3px 10px}
.tp-card__more{margin-left:auto;font:inherit;font-size:12.5px;padding:2px 8px;border:1px solid var(--crm-separator,#ddd);border-radius:6px;background:none;color:inherit;cursor:pointer}
.tp-card__detail{display:none}
.tp-card[hidden]{display:none}
.tp-card.is-open{grid-column:1/-1;height:auto;overflow:visible}
.tp-card.is-open .tp-card__detail{display:block;border-top:1px solid var(--crm-separator,#eee);padding-top:8px}
.tp-card.is-open .tp-card__title{-webkit-line-clamp:unset}
@media(max-width:1280px){.tp-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1080px){.tp-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.tp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.tp-cards{grid-template-columns:1fr}}
.tp-toc{display:flex;flex-direction:column}.tp-toc a{display:block;padding:5px 8px;border-radius:6px;color:inherit;font-size:13.5px;text-decoration:none}.tp-toc a:hover{background:var(--crm-hover,#f5f5f5)}
.tp-side>a[target]{color:var(--crm-secondary,#6e6e6e)}
@media(max-width:900px){.tp-toc{flex-direction:row;flex-wrap:wrap;gap:4px}}
/* 专题内参时间线(2026-10-01):按天分组,天标题吸在顶栏下面,每条左边是时刻 */
.lib-list li.lib-day{position:sticky;top:48px;z-index:1;padding:10px 0 6px;border-top:0;background:var(--crm-surface,#fff);font-size:13px;font-weight:600;color:var(--crm-secondary,#555);scroll-margin-top:48px}
.lib-list li.lib-item{position:relative;padding-left:64px}
.lib-list .lib-time{position:absolute;left:0;top:13px;width:52px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--crm-secondary,#6e6e6e)}
.lib-list li.lib-item::before{content:"";position:absolute;left:54px;top:0;bottom:0;border-left:1px solid var(--crm-separator,#e5e5e5)}
/* 头条内参卡片顶上的完整日期时间 */
.tp-card__when{margin:0 0 4px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--crm-secondary,#6e6e6e)}

/* 原文库沿用专题导航与阅读面板。 */
.lib-layout{grid-template-columns:232px minmax(0,1fr) 240px;max-width:1680px}
.lib-layout main{min-width:0;padding:32px 24px}
.lib-rail{position:sticky;top:64px;align-self:start;padding:24px 16px;border-left:1px solid var(--crm-separator,var(--reader-line,#ddd))}
.lib-rail section+section{margin-top:24px;padding-top:20px;border-top:1px solid var(--crm-separator,var(--reader-line,#ddd))}
.lib-rail h2{font-size:15px;margin:0 0 12px}.lib-rail a{display:block;margin:8px 0;font-size:13px}
.lib-total{display:flex;align-items:baseline;gap:8px}.lib-total strong{font-size:36px;font-weight:500}.lib-total span{font-size:12px;color:var(--reader-muted)}
.lib-search{display:flex;align-items:center;gap:8px;margin:20px 0}.lib-search label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.lib-search input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--crm-separator,var(--reader-line,#ddd));background:var(--reader-paper);color:inherit;font:inherit}
.lib-layout .tp-item--child{padding-left:20px}.lib-rail .tp-item{font-size:13px}.lib-layout .lead{font-size:15px}
.lib-row-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.lib-row-tags button{padding:2px 6px;border:1px solid var(--crm-separator,var(--reader-line,#ddd));background:none;color:var(--reader-muted);font:inherit;font-size:11px;cursor:pointer}
@media(max-width:1200px){.lib-layout{grid-template-columns:216px minmax(0,1fr)}.lib-rail{position:static;grid-column:2;border-left:0;border-top:1px solid var(--reader-line)}}
@media(max-width:900px){.lib-layout{grid-template-columns:1fr}.lib-rail{grid-column:1}.lib-layout main{padding:24px 16px}.lib-layout #side-topics{display:flex;flex-wrap:wrap}.lib-layout .tp-sub{width:100%}}
@media(max-width:520px){.lib-search{flex-wrap:wrap}.lib-search input{flex-basis:100%}}

body.side-off .lib-layout{grid-template-columns:minmax(0,1fr) 240px}
@media(max-width:1200px){body.side-off .lib-layout{grid-template-columns:1fr}body.side-off .lib-layout .lib-rail{grid-column:1}}
