@keyframes fadeScaleDown{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.success-badge{color:#059669;background-color:#ecfef6;border:1px solid #c3e6cb}.warning-badge{color:#d97706;background-color:#fffbeb;border:1px solid #fde68a}.danger-badge{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.card-theme{background-color:#fff;box-shadow:0 4px 12px -2px #00000014,0 0 0 .5px #0000000f}.article-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#fffc;border:1px solid #0000000f;border-radius:16px;flex-direction:column;height:100%;text-decoration:none;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;overflow:hidden;box-shadow:0 4px 20px #00000008}@media (max-width:800px){.article-card{flex-direction:row;align-items:stretch;height:auto}}.article-card .card-image{aspect-ratio:16/10;background:#f8f9fc;width:100%;position:relative;overflow:hidden}@media (max-width:800px){.article-card .card-image{width:120px;height:100%;aspect-ratio:unset;flex-shrink:0}}.article-card .card-image img{object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.23,1,.32,1)}.article-card:hover{background:#fff;box-shadow:0 12px 30px #00000014}.article-card:hover .card-image img{transform:scale(1.08)}.article-card .card-content{flex-direction:column;flex-grow:1;padding:24px;display:flex}@media (max-width:800px){.article-card .card-content{min-width:0;padding:16px}}.article-card .card-content .date-tag{color:#94a3b8;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:500;line-height:normal;display:block}.article-card .card-content .topic-title{color:#1e293b;margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.4;transition:color .3s}@media (max-width:800px){.article-card .card-content .topic-title{text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin-bottom:6px;font-size:14px;display:-webkit-box;overflow:hidden}}.article-card .card-content .topic-desc{color:#64748b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}@media (max-width:800px){.article-card .card-content .topic-desc{-webkit-line-clamp:2;line-clamp:2;font-size:13px}}.article-card .card-content .tag{color:#3b82f6;margin-top:auto;padding-top:16px;font-size:12px;font-weight:600;display:inline-block}@media (max-width:800px){.article-card .card-content .tag{display:none}}