.content-card{position:relative;display:flex;flex-direction:column;background:var(--bg-card,#ffffff);border:1px solid var(--border-subtle,rgba(28,25,23,.08));border-radius:var(--radius-lg,16px);overflow:hidden;text-decoration:none;color:inherit;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s ease;box-shadow:var(--shadow-sm,0 1px 3px rgba(28,25,23,.05))}.content-card:hover{transform:translateY(-4px);border-color:var(--border-hover,rgba(28,25,23,.16));box-shadow:var(--shadow-lg,0 18px 40px rgba(28,25,23,.12))}.card-body{padding:1.35rem;flex:1 1;display:flex;flex-direction:column;gap:.5rem}.card-title{font-size:1.1rem;font-weight:700;color:var(--text-primary,#1c1917);margin:0;line-height:1.4;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.content-card:hover .card-title{color:var(--accent,#e8590c)}.card-description{font-size:.875rem;color:var(--text-secondary,#57534e);margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-author{font-size:.8rem;color:var(--text-muted,#a8a29e);margin-top:auto}.card-footer{justify-content:space-between;flex-wrap:wrap;gap:.5rem .85rem;margin-top:auto;padding-top:.85rem;border-top:1px solid var(--border-subtle,rgba(28,25,23,.08))}.card-footer,.card-meta{display:flex;align-items:center}.card-meta{gap:.5rem;min-width:0;flex:1 1 auto}.card-author{gap:.45rem;min-width:0}.card-author,.card-avatar{display:flex;align-items:center}.card-avatar{justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:var(--bg-subtle,rgba(28,25,23,.06))}.card-author-name,.card-avatar{color:var(--text-secondary,#57534e)}.card-author-name{font-size:.78rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.card-meta-dot{flex-shrink:0;width:3px;height:3px;border-radius:50%;background:var(--text-muted,#a8a29e);opacity:.6}.card-readtime,.card-views{display:flex;align-items:center;gap:.3rem;font-size:.76rem;font-weight:500;color:var(--text-muted,#a8a29e);white-space:nowrap}.card-readtime{padding:.2rem .55rem;border-radius:999px;font-weight:600}.card-read-more{font-size:.8rem;font-weight:600;margin-left:auto;flex-shrink:0;color:var(--accent,#e8590c);transition:opacity .2s ease}.content-card:hover .card-read-more{opacity:.8}.card-hover-line{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent,#e8590c);opacity:0;transition:opacity .3s ease}.content-card:hover .card-hover-line{opacity:1}