/* 模板 9（标签探索风）专属样式：无头图的居中衬线横幅（跟模板 8 共用，定义在 home-shared.css）+
   全量真实标签浏览区（带图标的多行标签网格，标签胶囊/无限滚动指示器样式也在 home-shared.css，
   跟模板 10 共用）+ Latest Stories 四列网格（无限滚动加载，无侧栏）。 */

.home9-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
.home9-card{display:block;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;transition:transform 0.15s,box-shadow 0.15s;}
.home9-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,0.1);}
.home9-card-cover{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;}
.home9-card-body{padding:0.9rem 1rem 1.1rem;}
/* 标题/标签/摘要都给固定高度（不管实际内容有几行、有没有标签），底部的阅读量这行才能在同一排卡片里对齐 */
.home9-card-title{color:var(--text);font-size:1rem;font-weight:700;line-height:1.3;min-height:2.6em;margin-bottom:0.35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.home9-card-tags{color:var(--accent);font-size:0.78rem;font-weight:600;line-height:1.3;min-height:1.3em;margin-bottom:0.4rem;}
.home9-card-excerpt{color:var(--text-light);font-size:0.85rem;line-height:1.55;min-height:3.1em;margin-bottom:0.6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.home9-card-meta{color:var(--text-light);font-size:0.78rem;}
.home9-meta-icon{display:inline-flex;vertical-align:-2px;}

@media (max-width:1100px){
.home9-grid{grid-template-columns:repeat(3,1fr);}
}

@media (max-width:768px){
.home9-grid{grid-template-columns:repeat(2,1fr);gap:1rem;}
.home9-card-body{padding:0.7rem 0.8rem 0.9rem;}
.home9-card-title{font-size:0.92rem;}
}

@media (max-width:460px){
.home9-grid{grid-template-columns:1fr 1fr;}
}