/* 20261015觀自在工藝｜有限次的紙藝動態，保留完整實拍比例。 */
body.ga-page .guan-catalog .guan-card[data-motion] {animation-fill-mode:backwards}
body.ga-page .guan-catalog .guan-card[data-motion] .guan-card__image {position:relative;isolation:isolate}
body.ga-page .guan-catalog .guan-card[data-motion] .guan-motion-mark {position:absolute;right:14px;top:14px;width:68px;height:68px;color:#8b8974;opacity:0;pointer-events:none;z-index:3}
body.ga-page .guan-catalog .guan-card[data-motion] .guan-motion-alt {position:absolute;inset:0;width:100%;height:100%;padding:inherit;box-sizing:border-box;object-fit:contain!important;opacity:0;pointer-events:none;z-index:1}
body.ga-page .guan-catalog .guan-card[data-motion] .guan-motion-alt[hidden] {display:none}
body.ga-page .guan-catalog .guan-card[data-motion] .guan-card__image::after {content:"";position:absolute;inset:0;pointer-events:none;z-index:2;opacity:0;background:linear-gradient(115deg,transparent 24%,rgba(250,248,237,.48) 46%,rgba(255,255,255,.62) 49%,transparent 70%);transform:translateX(-100%)}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  body.ga-page .guan-catalog .guan-card[data-motion] {transition:transform .4s cubic-bezier(.2,.7,.2,1),filter .4s ease;--product-x:0px;--product-y:-3px;--product-turn:0deg}
  body.ga-page .guan-catalog .guan-card[data-motion] .guan-card__image > img {transition:opacity .48s ease,transform .65s cubic-bezier(.2,.7,.2,1);transform:none}
  body.ga-page .guan-catalog .guan-card[data-motion].is-motion-active {transform:translateY(-4px);filter:drop-shadow(0 9px 10px rgba(62,66,54,.07))}
  body.ga-page .guan-catalog .guan-card[data-motion].is-motion-active .guan-card__image > img {transform:translate(var(--product-x),var(--product-y)) rotate(var(--product-turn)) scale(1.015)}
  body.ga-page .guan-catalog .guan-card[data-motion].is-motion-active.is-alt-ready .guan-card__image > img:not(.guan-motion-alt) {opacity:0}
  body.ga-page .guan-catalog .guan-card[data-motion].is-motion-active.is-alt-ready .guan-motion-alt {opacity:1}
  body.ga-page .guan-catalog .guan-card[data-motion].is-motion-active .guan-motion-mark {opacity:.8;animation:guan-mark-in .5s ease both}
  body.ga-page .guan-catalog .guan-card[data-motion].is-motion-active .guan-motion-mark path {stroke-dasharray:100;stroke-dashoffset:100;animation:guan-ink-draw .7s ease forwards;animation-delay:calc(var(--motion-step) * 65ms)}
  body.ga-page .guan-catalog .guan-card[data-motion="transport"] {--product-x:3px;--product-y:0px}
  body.ga-page .guan-catalog .guan-card[data-motion="leisure"] {--product-turn:-.35deg}
  body.ga-page .guan-catalog .guan-card[data-motion="lotus"].is-motion-active .guan-motion-mark {animation:guan-petal-open 1s ease both}
  body.ga-page .guan-catalog .guan-card[data-motion="pets"].is-motion-active .guan-motion-mark path {animation-name:guan-paw-in;animation-delay:calc(var(--motion-step) * 90ms)}
  body.ga-page .guan-catalog .guan-card[data-motion="children"].is-motion-active .guan-motion-mark {animation:guan-soft-float 1.2s ease both}
  body.ga-page .guan-catalog .guan-card:is([data-motion="women"],[data-motion="men"],[data-motion="treasure"]).is-motion-active .guan-card__image::after {animation:guan-silk-pass .9s ease both}
  body.ga-page .guan-catalog .guan-card[data-motion="tech"].is-motion-active .guan-motion-mark {animation:guan-tech-in .85s ease both}
  body.ga-page .guan-catalog .guan-card[data-motion="treasure"] .guan-motion-mark {color:#a18e64}
  body.ga-page .guan-catalog .guan-card[data-motion].is-motion-active .guan-card__view {color:#596650}
  @keyframes guan-ink-draw {to {stroke-dashoffset:0}}
  @keyframes guan-mark-in {from {opacity:0;transform:translateY(6px)} to {opacity:.8;transform:translateY(0)}}
  @keyframes guan-petal-open {from {opacity:0;transform:scale(.68) rotate(-12deg)} to {opacity:.8;transform:scale(1) rotate(0)}}
  @keyframes guan-soft-float {0% {opacity:0;transform:translateY(8px)} 65% {opacity:.8;transform:translateY(-3px)} 100% {opacity:.8;transform:translateY(0)}}
  @keyframes guan-tech-in {0% {opacity:0;transform:scale(.94)} 60% {opacity:.85} 100% {opacity:.8;transform:scale(1)}}
  @keyframes guan-paw-in {from {opacity:0;stroke-dashoffset:100;transform:translateY(5px)} to {opacity:1;stroke-dashoffset:0;transform:translateY(0)}}
  @keyframes guan-silk-pass {0% {opacity:0;transform:translateX(-100%)} 35% {opacity:.65} 100% {opacity:0;transform:translateX(100%)}}
}
@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce) {
  body.ga-page .guan-catalog .guan-card[data-motion],body.ga-page .guan-catalog .guan-card[data-motion] .guan-card__image > img {transform:none!important;transition:none!important;animation:none!important;filter:none!important}
  body.ga-page .guan-catalog .guan-card[data-motion] .guan-motion-mark,body.ga-page .guan-catalog .guan-card[data-motion] .guan-motion-alt,body.ga-page .guan-catalog .guan-card[data-motion] .guan-card__image::after {display:none!important}
  body.ga-page .guan-catalog .guan-card[data-motion] .guan-card__image > img:not(.guan-motion-alt) {opacity:1!important}
}