.content-card{position:relative;display:flex;flex-direction:column;background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.04)}.content-card:hover{transform:translateY(-4px);border-color:rgba(0,0,0,.12);box-shadow:0 12px 32px rgba(0,0,0,.1)}.card-body{padding:1.25rem;flex:1 1;display:flex;flex-direction:column;gap:.5rem}.card-title{font-size:1.1rem;font-weight:600;color:#1a1a1a;line-height:1.4;-webkit-line-clamp:2;line-clamp:2}.card-description,.card-title{margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-description{font-size:.875rem;color:#666;line-height:1.6;-webkit-line-clamp:3;line-clamp:3}.card-author{font-size:.8rem;color:#999;margin-top:auto}.card-footer{justify-content:space-between;margin-top:auto;padding-top:.5rem}.card-footer,.card-views{display:flex;align-items:center}.card-views{gap:.35rem;font-size:.78rem;color:#999}.card-read-more{font-size:.8rem;font-weight:600;margin-left:auto;transition:opacity .2s ease}.content-card:hover .card-read-more{opacity:.7}.card-hover-line{position:absolute;bottom:0;left:0;right:0;height:3px;opacity:0;transition:opacity .3s ease}.content-card:hover .card-hover-line{opacity:1}