.click-counter-container{position:fixed;left:50%;top:0;transform:translateX(-50%) translateY(-100%);z-index:2;width:auto;max-width:90%;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:0 0 15px 15px;box-shadow:0 0 15px rgba(255,105,180,.3);border:1px solid hsla(0,0%,100%,.1);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.98;pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow:hidden;height:30px;-ms-flex-pack:center;justify-content:center;margin:0 auto;text-align:center}.click-counter-container.has-counts{opacity:0;pointer-events:auto;transform:translateX(-50%) translateY(-100%)}.click-counter-container.has-counts.hover-active{transform:translateX(-50%) translateY(0);opacity:.95}.click-counter-container.has-counts:hover{opacity:1}.top-hover-area{position:fixed;top:0;left:0;width:100%;height:20px;z-index:1}.click-counter-container.has-counts.hover-active,.click-counter-container.has-counts:hover,.top-hover-area:hover+.click-counter-container.has-counts{transform:translateX(-50%) translateY(0);opacity:1}.click-counter{padding:2px 4px;box-sizing:border-box;height:100%;position:relative}.click-counter,.counter-all-values{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}.counter-all-values{gap:2px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;padding:0 2px}.main-counter{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:1px 3px;border-radius:3px;background:rgba(255,105,180,.15);border:1px solid hsla(0,0%,100%,.15);min-width:-moz-fit-content;min-width:fit-content;-ms-flex-negative:0;flex-shrink:0;margin-right:3px}.counter-label{color:#ff69b4;margin-right:2px;font-size:11px;text-align:center;font-weight:700;text-shadow:0 0 5px rgba(255,105,180,.5)}.counter-value{font-size:13px;font-weight:700;background:linear-gradient(45deg,#ff69b4,#ff1493);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 5px rgba(255,105,180,.3);text-align:center}.detail{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:1px 3px;border-radius:4px;background:hsla(0,0%,100%,.05);transition:all .2s ease;border:1px solid hsla(0,0%,100%,.08);min-width:-moz-fit-content;min-width:fit-content;-ms-flex-negative:0;flex-shrink:0}.detail[data-fortune=mainAvatar]{background:rgba(255,105,180,.1)}.detail[data-fortune=yaoguang]{background:rgba(255,215,0,.1)}.detail[data-fortune=kaiyang]{background:rgba(144,238,144,.1)}.detail[data-fortune=yuheng]{background:rgba(135,206,250,.1)}.detail[data-fortune=tianji]{background:rgba(186,85,211,.1)}.detail[data-fortune=tianxuan]{background:rgba(255,127,80,.1)}.detail[data-fortune=tianshu]{background:rgba(255,69,0,.1)}.detail:hover,.main-counter:hover{background:hsla(0,0%,100%,.1);box-shadow:0 0 10px rgba(255,105,180,.3)}.detail-label{color:#ff69b4;margin-right:1px;font-size:12px;text-align:center}.detail[data-fortune=mainAvatar] .detail-label{color:#ff69b4}.detail[data-fortune=yaoguang] .detail-label{color:gold}.detail[data-fortune=kaiyang] .detail-label{color:#90ee90}.detail[data-fortune=yuheng] .detail-label{color:#87cefa}.detail[data-fortune=tianji] .detail-label{color:#ba55d3}.detail[data-fortune=tianxuan] .detail-label{color:coral}.detail[data-fortune=tianshu] .detail-label{color:#ff4500}.detail-value{font-weight:700;text-shadow:0 0 3px hsla(0,0%,100%,.5);color:#fff;font-size:12px;min-width:16px;text-align:center}.hover-trigger{position:absolute;left:50%;top:100%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:5px 15px;border-radius:0 0 15px 15px;cursor:pointer;box-shadow:0 3px 15px rgba(0,0,0,.5);transition:all .3s ease;z-index:3;opacity:1;animation:gentle-bounce 2s infinite ease-in-out}@keyframes gentle-bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(3px)}}.hover-trigger:hover{background:rgba(0,0,0,.9);box-shadow:0 5px 20px rgba(255,105,180,.4)}.hover-trigger .hover-text{font-size:14px;font-weight:700;background:linear-gradient(45deg,#ff69b4,#ff1493);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.click-counter-container.has-counts .hover-trigger{opacity:1}.click-counter-container.has-counts.hover-active .hover-trigger,.click-counter-container.has-counts:hover .hover-trigger{opacity:0;transform:translateX(-50%) translateY(10px)}.counter-value.value-change{animation:pulse .5s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3);filter:brightness(1.5)}to{transform:scale(1)}}@media screen and (max-width:768px){.click-counter-container{max-width:95%;height:32px}.counter-label{font-size:10px}.counter-value{font-size:12px}.detail-label,.detail-value{font-size:10px}.counter-all-values{gap:1px}}@media screen and (max-width:480px){.click-counter-container{max-width:96%;height:28px}.click-counter{padding:1px 3px}.counter-label{font-size:9px}.counter-value{font-size:11px}.detail-label,.detail-value{font-size:9px}.counter-all-values{gap:1px}.detail,.main-counter{padding:1px 2px}}.counter-all-values::-webkit-scrollbar{display:none}