.feature-icon{width:64px;height:64px;object-fit:contain}.article-cover{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.article-detail-cover{display:block;width:100%;height:auto;border-radius:14px}.card time,.prose time{display:block;color:var(--muted);font-size:13px;margin-top:10px}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:36px}.pagination-link{min-width:42px;padding:8px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);text-align:center;text-decoration:none}.pagination-link.is-current{border-color:var(--primary);background:var(--primary);color:#fff}.search-form{max-width:720px;margin:28px 0}.search-form label{display:block;margin-bottom:8px;font-weight:650}.search-controls{display:flex;gap:10px}.search-controls input{min-width:0;flex:1;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;padding:10px 14px}.search-controls button{border:0;cursor:pointer}.search-count,.search-empty{margin-top:28px;color:var(--muted)}@media(max-width:520px){.search-controls{align-items:stretch;flex-direction:column}}
.article-tags { display: flex; flex-wrap: wrap; gap: .45rem; margin: .75rem 0; }
.article-tags span, .article-tags a { display: inline-flex; border-radius: 999px; padding: .25rem .6rem; background: #eef2ff; color: #3730a3; font-size: .82rem; text-decoration: none; }
.article-tags a:hover { background: #e0e7ff; }