.haolian-archive-header { background:var(--hl-primary); color:#fff; padding:48px 0; margin-bottom:48px; }
.haolian-archive-title { font-size:32px; font-weight:800; color:#fff; margin:0 0 8px; }
.haolian-archive-desc { color:rgba(255,255,255,.8); font-size:15px; }
.haolian-blog-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:28px; padding-bottom:48px; }
.haolian-post-card { background:var(--hl-card-bg,#fff); border:1px solid var(--hl-border,#E2E8F0); border-radius:var(--hl-radius-lg,14px); overflow:hidden; transition:var(--hl-trans,all .22s ease); display:flex; flex-direction:column; }
.haolian-post-card:hover { box-shadow:var(--hl-shadow-lg,0 8px 32px rgba(0,0,0,.12)); transform:translateY(-4px); border-color:transparent; }
.haolian-post-card-thumb { display:block; overflow:hidden; }
.haolian-post-card-thumb img { width:100%; height:220px; object-fit:cover; transition:transform .4s ease; }
.haolian-post-card:hover .haolian-post-card-thumb img { transform:scale(1.04); }
.haolian-post-card-body { padding:20px 22px 24px; flex:1; display:flex; flex-direction:column; }
.haolian-post-cat-tag { display:inline-block; background:rgba(37,99,235,.08); color:var(--hl-accent,#2563EB); font-size:11px; font-weight:600; padding:3px 10px; border-radius:20px; margin:0 4px 10px 0; text-transform:uppercase; letter-spacing:.04em; }
.haolian-post-card-title { font-size:18px; font-weight:700; margin:0 0 10px; line-height:1.4; }
.haolian-post-card-title a { color:var(--hl-text,#1A1A2E); }
.haolian-post-card-title a:hover { color:var(--hl-accent,#2563EB); opacity:1; }
.haolian-post-card-excerpt { color:var(--hl-muted,#64748B); font-size:14px; line-height:1.65; flex:1; margin-bottom:16px; }
.haolian-post-card-footer { display:flex; justify-content:space-between; align-items:center; }
.haolian-post-meta-row { display:flex; gap:12px; flex-wrap:wrap; font-size:12px; color:var(--hl-muted,#64748B); }
.haolian-post-read-more { font-size:13px; font-weight:600; color:var(--hl-accent,#2563EB); white-space:nowrap; }
.haolian-post-read-more:hover { opacity:.8; }