/* ============================================
   Click Ripple Effect — Apple Style (两圈水波纹)
   ============================================ */

@keyframes ripple1 {
    0%   { width: 0;     height: 0;     opacity: 1;   border-color: rgba(0,0,0,0.20); }
    60%  { width: 72px;  height: 72px;  opacity: 0.6; border-color: rgba(0,0,0,0.12); }
    100% { width: 100px; height: 100px; opacity: 0;   border-color: rgba(0,0,0,0); }
}

@keyframes ripple2 {
    0%   { width: 0;     height: 0;     opacity: 1;   border-color: rgba(0,0,0,0.12); }
    60%  { width: 90px;  height: 90px;  opacity: 0.4; border-color: rgba(0,0,0,0.08); }
    100% { width: 130px; height: 130px; opacity: 0;   border-color: rgba(0,0,0,0); }
}

.click-ripple-ring {
    position: fixed;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 99999;
}