/* 模板 8（文艺编辑风）专属样式：双栏布局（左侧 Latest Stories 列表 + 右侧栏）。
   无头图的居中衬线横幅（.home8-hero 等）和板块标题（.home8-section-header 等）
   跟模板 9 完全共用同一份视觉，已经移到 home-shared.css，这里不用重复定义。 */

.home8-topics-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.6rem;}
.home8-topics-label{color:var(--text);font-weight:600;font-size:0.9rem;margin-right:0.3rem;}
.home8-topic-pill{display:inline-flex;align-items:center;gap:0.25rem;background:var(--card-bg);border:1px solid var(--border);color:var(--text);padding:0.4rem 1rem;border-radius:999px;font-size:0.85rem;text-decoration:none;transition:background 0.15s,color 0.15s,border-color 0.15s;}
.home8-topic-pill:hover{border-color:var(--accent);color:var(--accent);}
.home8-topic-pill.active{background:var(--accent);border-color:var(--accent);color:#fff;}
.home8-topic-more svg{opacity:0.7;}

.home8-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);gap:2.5rem;align-items:start;margin-top:1rem;}

.home8-story-list{display:flex;flex-direction:column;}
.home8-story-item{display:flex;gap:1.2rem;padding:1.3rem 0;border-bottom:1px solid var(--border);}
.home8-story-item:first-child{padding-top:0;}
.home8-story-cover{width:100px;flex-shrink:0;aspect-ratio:2/3;object-fit:cover;border-radius:8px;display:block;}
.home8-story-body{flex:1;min-width:0;}
.home8-story-title{font-size:1.2rem;margin:0 0 0.35rem;}
.home8-story-title a{color:var(--text);text-decoration:none;}
.home8-story-title a:hover{color:var(--accent);}
.home8-story-tags{color:var(--accent);font-size:0.85rem;font-weight:600;margin-bottom:0.5rem;}
.home8-story-excerpt{color:var(--text-light);font-size:0.92rem;line-height:1.6;margin-bottom:0.6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.home8-story-meta{color:var(--text-light);font-size:0.82rem;}
.home8-meta-icon{display:inline-flex;vertical-align:-2px;}

.home8-pagination{margin-top:1.5rem;display:flex;justify-content:center;}
.home8-pagination ul{list-style:none;display:flex;gap:0.5rem;margin:0;padding:0;flex-wrap:wrap;}
.home8-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:2.2rem;height:2.2rem;padding:0 0.7rem;border-radius:999px;border:1px solid var(--border);color:var(--text);text-decoration:none;font-size:0.9rem;}
.home8-pagination .page-numbers.current{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;}
.home8-pagination a.page-numbers:hover{border-color:var(--accent);color:var(--accent);}
.home8-pagination .dots{border:none;}

.home8-sidebar{display:flex;flex-direction:column;gap:1.5rem;}
.home8-side-box{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:1.3rem;}
.home8-side-title{position:relative;padding-left:0.8rem;color:var(--text);font-size:1.05rem;font-weight:700;margin-bottom:1.1rem;}
.home8-side-title::before{content:"";position:absolute;left:0;top:0.1em;bottom:0.1em;width:3px;background:var(--accent);border-radius:2px;}

.home8-top-list{display:flex;flex-direction:column;gap:0.9rem;}
.home8-top-item{display:flex;align-items:center;gap:0.8rem;text-decoration:none;}
.home8-top-rank{flex-shrink:0;width:1.4rem;text-align:center;color:var(--accent);font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:1.15rem;}
.home8-top-cover{width:38px;aspect-ratio:2/3;object-fit:cover;border-radius:5px;flex-shrink:0;}
.home8-top-info{display:flex;flex-direction:column;min-width:0;}
.home8-top-title{color:var(--text);font-size:0.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.home8-top-reads{color:var(--text-light);font-size:0.78rem;}

.home8-genre-pills{display:flex;flex-wrap:wrap;gap:0.5rem;}
.home8-genre-pill{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:0.35rem 0.85rem;border-radius:999px;font-size:0.82rem;text-decoration:none;transition:background 0.15s,color 0.15s;}
.home8-genre-pill:hover{background:var(--accent);color:#fff;border-color:var(--accent);}

.home8-about-text{color:var(--text-light);font-size:0.9rem;line-height:1.6;margin-bottom:0.9rem;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}

.home8-quote{position:relative;background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:1.6rem 1.5rem;text-align:center;overflow:hidden;}
.home8-quote::before{content:"\201C";position:absolute;top:-0.3rem;left:0.6rem;font-family:Georgia,'Times New Roman',serif;font-size:4.5rem;color:var(--accent);opacity:0.15;line-height:1;}
.home8-quote-text{position:relative;font-family:Georgia,'Times New Roman',serif;font-style:italic;color:var(--text);font-size:0.98rem;line-height:1.6;margin-bottom:0.7rem;}
.home8-quote-author{position:relative;color:var(--text-light);font-size:0.85rem;}

@media (max-width:900px){
.home8-layout{grid-template-columns:1fr;}
}

@media (max-width:768px){
.home8-hero{padding:1.8rem 0 1.6rem;}
.home8-hero-title{font-size:2.1rem;}
.home8-hero-desc{font-size:0.95rem;}
.home8-search-box{margin-bottom:1.4rem;}
.home8-topics-label{width:100%;text-align:center;margin:0 0 0.3rem;}
.home8-story-item{gap:0.8rem;}
.home8-story-cover{width:72px;}
}