/* 0.2.32 投放筆記: staggered 3D rise, hover tilt + glow sweep, title shimmer, arrow nudge */
#blog.n3d .posts{perspective:1100px}
#blog.n3d .post.tilt{animation:none;opacity:0;transform:perspective(1000px) rotateX(16deg) translateY(56px) scale(.96);transform-origin:50% 100%;
  transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .4s;transition-delay:calc(var(--i,0)*140ms);will-change:transform}
#blog.n3d .post.tilt.in{opacity:1;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0px))}
#blog.n3d .post.tilt.in.hv{transition:opacity .9s ease,transform .25s ease-out,border-color .3s,box-shadow .4s;transition-delay:0s;--ty:-6px;box-shadow:0 24px 60px -20px #7a6a5e88,0 0 0 1px #7a6a5e33}
#blog .post .thumb{position:relative}
#blog .post .thumb img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
#blog .post:hover .thumb img,#blog .post.hv .thumb img{transform:scale(1.06)}
#blog .post .thumb::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:linear-gradient(105deg,transparent 30%,#7a6a5e55 45%,#7a6a5e44 55%,transparent 70%);background-size:250% 100%;background-position:120% 0;transition:opacity .3s}
#blog .post:hover .thumb::after,#blog .post.hv .thumb::after{opacity:1;animation:n3dsweep 1.1s ease-out}
@keyframes n3dsweep{from{background-position:120% 0}to{background-position:-30% 0}}
#blog.n3d .blog-head h2{background:linear-gradient(100deg,#2e2622 0 40%,#7a6a5e 48%,#7a6a5e 52%,#2e2622 60% 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:n3dshine 6s ease-in-out infinite}
@keyframes n3dshine{0%,55%{background-position:100% 0}100%{background-position:0 0}}
#blog .more .n3d-ar{display:inline-block;animation:n3dnudge 1.8s ease-in-out infinite}
#blog .more:hover .n3d-ar{animation-duration:.8s}
@keyframes n3dnudge{0%,60%,100%{transform:none}30%{transform:translateX(5px)}}
@media (prefers-reduced-motion:reduce){
  #blog.n3d .post.tilt{transform:none!important;transition:opacity .6s ease!important}
  #blog.n3d .blog-head h2,#blog .more .n3d-ar,#blog .post .thumb::after{animation:none!important}
  #blog .post .thumb img{transform:none!important}
}