/* ============================================================
   xezei · 博客卡片灵动补丁
   由 /usr/local/bin/xezei-blog-update 在每次同步后自动注入，
   改这里 /usr/local/share/xezei/xezei-cards.css 即可，别直接改网站目录
   ============================================================ */
:root{--xz-ease:cubic-bezier(.2,.7,.3,1)}

/* ---------- 文章卡片：进场 + 悬浮抬升 ---------- */
@keyframes xzCardIn{
  from{opacity:0;transform:translateY(22px) scale(.985)}
  to{opacity:1;transform:none}
}
#recent-posts .recent-post-item{
  border-radius:16px;overflow:hidden;
  transition:transform .45s var(--xz-ease),box-shadow .45s ease;
  will-change:transform;
  animation:xzCardIn .65s var(--xz-ease) backwards;
}
#recent-posts .recent-post-item:nth-child(1){animation-delay:.02s}
#recent-posts .recent-post-item:nth-child(2){animation-delay:.08s}
#recent-posts .recent-post-item:nth-child(3){animation-delay:.14s}
#recent-posts .recent-post-item:nth-child(4){animation-delay:.20s}
#recent-posts .recent-post-item:nth-child(5){animation-delay:.26s}
#recent-posts .recent-post-item:nth-child(6){animation-delay:.32s}

#recent-posts .recent-post-item:hover{
  transform:translateY(-8px);
  box-shadow:0 26px 50px -26px rgba(0,0,0,.45);
}

/* ---------- 封面图：缓慢放大 ---------- */
#recent-posts .post_cover{overflow:hidden;border-radius:14px}
#recent-posts .post-bg{
  transition:transform .85s var(--xz-ease),filter .5s ease;
  will-change:transform;
}
#recent-posts .recent-post-item:hover .post-bg{transform:scale(1.07)}

/* ---------- 标题：下划线从左划出 ---------- */
#recent-posts .article-title{
  background-image:linear-gradient(currentColor,currentColor);
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:0% 1px;
  transition:background-size .42s var(--xz-ease),color .3s ease;
}
#recent-posts .recent-post-item:hover .article-title{background-size:100% 1px}

/* ---------- 侧边栏卡片 ---------- */
.card-widget{transition:transform .4s var(--xz-ease),box-shadow .4s ease}
.card-widget:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 40px -26px rgba(0,0,0,.4);
}

/* ---------- 最新文章列表 ---------- */
.aside-list-item{transition:transform .3s var(--xz-ease)}
.aside-list-item:hover{transform:translateX(6px)}
.aside-list-item .thumbnail{overflow:hidden;border-radius:8px}
.aside-list-item .thumbnail img{transition:transform .55s var(--xz-ease)}
.aside-list-item:hover .thumbnail img{transform:scale(1.14)}

/* ---------- 分类 / 标签胶囊 ---------- */
.category-lists a,
.tag-cloud a,
a.tag{
  transition:transform .25s var(--xz-ease),background .25s ease,color .25s ease;
  display:inline-block;
}
.category-lists a:hover,
.tag-cloud a:hover,
a.tag:hover{transform:translateY(-3px) scale(1.05)}

/* ---------- 归档页卡片 ---------- */
#archive .article-sort-item{
  transition:transform .35s var(--xz-ease),background .3s ease;
}
#archive .article-sort-item:hover{transform:translateX(6px)}

/* ---------- 降低动效偏好 ---------- */
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}