/* 电子木鱼 */
.mf-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:1.25rem 1rem 1rem;border:1px solid #eef1f5;border-radius:.7rem;overflow:hidden;
  background:radial-gradient(120% 100% at 50% 0%,#fff7ed 0%,#fffdf9 60%,#fff 100%)}
.mf-merit{display:flex;align-items:baseline;gap:.4rem;color:#8a5a2b}
.mf-merit b{font-size:2.25rem;font-weight:700;color:#c2410c;font-variant-numeric:tabular-nums;line-height:1}
.mf-merit span{font-size:.8125rem}

.mf-fish-wrap{position:relative;margin-top:.5rem;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;outline:none}
.mf-fish{display:block;width:min(20rem,72vw);height:auto;transition:transform .08s ease-out;filter:drop-shadow(0 8px 14px rgba(138,79,31,.18))}
.mf-fish-wrap.is-hit .mf-fish{transform:scale(.96) translateY(2px)}
.mf-fish-wrap:focus-visible .mf-fish{filter:drop-shadow(0 0 0 3px rgba(194,65,12,.35))}

.mf-mallet{position:absolute;right:6%;top:-6%;width:3.25rem;height:.75rem;border-radius:.375rem;background:#a1662f;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.18);transform-origin:100% 50%;transform:rotate(-24deg);transition:transform .08s ease-out}
.mf-mallet:after{content:"";position:absolute;left:-.7rem;top:-.35rem;width:1.5rem;height:1.45rem;border-radius:50%;background:#8a4f1f}
.mf-fish-wrap.is-hit .mf-mallet{transform:rotate(6deg)}

.mf-ripple{position:absolute;left:50%;top:58%;width:6rem;height:6rem;margin:-3rem 0 0 -3rem;border:2px solid rgba(194,65,12,.5);
  border-radius:50%;opacity:0;pointer-events:none}
.mf-fish-wrap.is-hit .mf-ripple{animation:mf-ripple .45s ease-out}
@keyframes mf-ripple{0%{transform:scale(.5);opacity:.7}100%{transform:scale(1.6);opacity:0}}

.mf-floats{position:absolute;inset:0;pointer-events:none;overflow:visible}
.mf-float{position:absolute;left:50%;bottom:62%;color:#c2410c;font-size:1rem;font-weight:700;white-space:nowrap;
  animation:mf-float .9s ease-out forwards;text-shadow:0 1px 0 #fff}
@keyframes mf-float{0%{transform:translate(-50%,0);opacity:0}15%{opacity:1}100%{transform:translate(-50%,-3.5rem);opacity:0}}

.mf-quote{margin-top:.5rem;color:#a1662f;font-size:.875rem;letter-spacing:.05em;min-height:1.4rem}

.mf-stats{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}
.mf-stat{padding:.75rem .875rem;border:1px solid #eef1f5;border-radius:.6rem;background:#fafbfd;text-align:center}
.mf-stat b{display:block;color:#c2410c;font-size:1.5rem;line-height:1.2;font-variant-numeric:tabular-nums}
.mf-stat span{display:block;margin-top:.15rem;color:#8a9199;font-size:.75rem}
.mf-notes li+li{margin-top:.375rem}

@media (max-width:575.98px){
  .mf-merit b{font-size:1.75rem}
  .mf-stat b{font-size:1.25rem}
}