/* 按压墨晕（gw-r32e，学 jp.ashp.tw 的 motion v1）：不规则墨晕＋飞墨＋「潘」印，画在独立装饰层，不放进按钮里 */
.fx-drop{display:none!important}/* 原来放进按钮里的圆形墨晕改由下面的不规则墨晕取代 */
.sd-fx{position:fixed;inset:0;z-index:2147480000;pointer-events:none;overflow:hidden;contain:strict}
.sd-fx i{position:absolute;display:block;pointer-events:none}
.sd-fx .bl{overflow:hidden;isolation:isolate}
.sd-fx .bl>i{width:var(--d);height:var(--d);margin:calc(var(--d)/-2) 0 0 calc(var(--d)/-2);
  background:radial-gradient(closest-side,currentColor 0 40%,color-mix(in srgb,currentColor 50%,transparent) 64%,transparent);
  -webkit-mask:url(img/press-bloom.webp) center/contain no-repeat;mask:url(img/press-bloom.webp) center/contain no-repeat;
  opacity:0;animation:sdp-bloom .56s cubic-bezier(.12,.7,.25,1) both}
.sd-fx .dot{width:var(--d,30px);height:var(--d,30px);margin:calc(var(--d,30px)/-2) 0 0 calc(var(--d,30px)/-2);background:var(--fg,#1d1b17);
  -webkit-mask:url(img/press-bloom.webp) center/contain no-repeat;mask:url(img/press-bloom.webp) center/contain no-repeat;
  opacity:0;animation:sdp-dot .5s cubic-bezier(.15,.7,.3,1) both}
.sd-fx .fk{width:var(--z);height:var(--z);margin:calc(var(--z)/-2) 0 0 calc(var(--z)/-2);background:var(--fg,#1d1b17);
  -webkit-mask:url(img/press-fleck.webp) var(--m) 50%/400% 100% no-repeat;mask:url(img/press-fleck.webp) var(--m) 50%/400% 100% no-repeat;
  opacity:0;animation:sdp-fleck .46s cubic-bezier(.2,.8,.3,1) both}
.sd-fx .sl{width:22px;height:22px;margin:-11px 0 0 -11px;background:url(../ink/seal-sm.webp) center/contain no-repeat;
  opacity:0;animation:sdp-seal .52s cubic-bezier(.3,1.4,.5,1) both}
@keyframes sdp-bloom{0%{opacity:.36;transform:scale(.06) rotate(var(--r))}55%{opacity:.26}100%{opacity:0;transform:scale(1) rotate(var(--r))}}
@keyframes sdp-dot{0%{opacity:.3;transform:scale(.2) rotate(var(--r))}100%{opacity:0;transform:scale(1) rotate(var(--r))}}
@keyframes sdp-fleck{0%{opacity:.9;transform:translate(0,0) rotate(var(--a)) scale(.5)}70%{opacity:.75}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--a)) scale(1)}}
@keyframes sdp-seal{0%{opacity:0;transform:scale(1.9) rotate(-18deg)}30%{opacity:.95;transform:scale(.9) rotate(-7deg)}65%{opacity:.92;transform:scale(1) rotate(-7deg)}100%{opacity:0;transform:scale(1.02) rotate(-7deg)}}
html.sd-fx-hidden .sd-fx i{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.sd-fx{display:none}}