.article-card-wrapper{display:flex;justify-content:center;margin:20px 0}.article-card{border:1px solid var(--border,#eee);border-radius:8px;overflow:hidden;transition:all .3s ease;background:var(--bg-card,#fff);max-width:100%}.article-card:hover{box-shadow:0 4px 12px var(--shadow,rgba(0,0,0,.06));transform:translateY(-2px)}.article-card-link{text-decoration:none;color:inherit}.article-card-thumbnail{position:relative;overflow:hidden}.article-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-card:hover .article-card-thumbnail img{transform:scale(1.05)}.article-card-content{padding:15px 20px}.article-card-title{margin:0 0 10px;font-size:18px;font-weight:600;color:var(--text-main,#333);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card-excerpt{margin:0 0 12px;font-size:14px;color:var(--text-sub,#999);line-height:1.6}.article-card-meta{display:flex;gap:15px;font-size:12px;color:var(--text-sub,#999)}.article-card-meta span{display:flex;align-items:center;gap:5px}.article-card-icon{width:14px;height:14px;flex-shrink:0;opacity:.8}.article-card-error{padding:15px;background:#fee;border:1px solid #fcc;border-radius:4px;color:#c00;margin:20px auto;max-width:600px;text-align:center}.article-card-default{max-width:700px}.article-card-default .article-card-link{display:flex}.article-card-default .article-card-thumbnail{flex-shrink:0;width:280px;aspect-ratio:16/9}.article-card-default .article-card-content{flex:1}.article-card-default .article-card-category{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.7);color:#fff;padding:4px 12px;border-radius:4px;font-size:12px}.article-card-vertical{max-width:320px}.article-card-vertical .article-card-link{display:block}.article-card-vertical .article-card-thumbnail{width:100%;aspect-ratio:9/16}.article-card-vertical .article-card-category{display:inline-block;margin-bottom:8px;background:var(--bg-gray,#f4f4f4);color:var(--text-main,#333);padding:4px 12px;border-radius:4px;font-size:12px}.article-card-minimal{border:none;border-bottom:1px solid var(--border,#eee);border-radius:0;padding:15px;margin:0;background:0 0;max-width:600px}.article-card-minimal a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--text-main,#333);transition:color .3s ease}.article-card-minimal:hover a{color:#0073aa}.article-card-minimal h4{margin:0;font-size:16px;font-weight:500}.article-card-minimal .article-card-arrow{color:var(--text-sub,#999);transition:transform .3s ease}.article-card-minimal:hover .article-card-arrow{transform:translateX(5px);color:#0073aa}.article-card-style{max-width:360px}.article-card-style .article-card-link{display:block}.article-card-style .article-card-thumbnail{width:100%;aspect-ratio:4/3;position:relative}.article-card-style .article-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.article-card-style:hover .article-card-overlay{opacity:1}.article-card-style .article-card-read{color:#fff;font-size:16px;font-weight:500;padding:10px 20px;border:2px solid #fff;border-radius:4px}.article-card-style .article-card-footer{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--text-sub,#999)}.article-card-style .article-card-footer span{display:flex;align-items:center;gap:5px}.article-card.article-card-overlay{max-width:360px;border:none}.article-card.article-card-overlay .article-card-link{display:block}.article-card.article-card-overlay .article-card-image{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden}.article-card.article-card-overlay .article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card.article-card-overlay:hover .article-card-image img{transform:scale(1.1)}.article-card.article-card-overlay .article-card-hover-content{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.8) 100%);opacity:0;transition:opacity .4s ease;display:flex;align-items:flex-end;padding:20px}.article-card.article-card-overlay:hover .article-card-hover-content{opacity:1}.article-card.article-card-overlay .article-card-hover-inner{width:100%;transform:translateY(20px);transition:transform .4s ease}.article-card.article-card-overlay:hover .article-card-hover-inner{transform:translateY(0)}.article-card.article-card-overlay .article-card-category{display:inline-block;background:rgba(255,255,255,.9);color:#333;padding:4px 12px;border-radius:4px;font-size:12px;margin-bottom:10px}.article-card.article-card-overlay .article-card-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card.article-card-overlay .article-card-excerpt{color:rgba(255,255,255,.9);font-size:13px;line-height:1.6;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card.article-card-overlay .article-card-meta{display:flex;gap:15px;font-size:12px;color:rgba(255,255,255,.8)}.article-card.article-card-overlay .article-card-meta span{display:flex;align-items:center;gap:5px}.article-card.article-card-overlay .article-card-icon{width:14px;height:14px;flex-shrink:0;opacity:.9}@media(max-width:768px){.article-card-default .article-card-link{flex-direction:column}.article-card-default .article-card-thumbnail{width:100%;aspect-ratio:16/9}.article-card-vertical,.article-card-style,.article-card-default,.article-card-minimal,.article-card.article-card-overlay{max-width:100%}}