#cc-float-icon{ position: fixed; right: 18px; bottom: 24px; z-index: 9999; cursor: grab; }
#cc-float-icon.dragging{ cursor: grabbing; }
#cc-float-icon img{ width: 78px; height: 78px; display:block; filter: drop-shadow(0 10px 18px rgba(15,23,42,.24)); transition: transform .2s ease; }
#cc-float-icon:hover img{ transform: scale(1.06); }
/* 气泡提示 */
#cc-float-icon .cc-float-tip{ position:absolute; right:90px; bottom:10px; width:240px; max-width:280px; background:#fff; border:1px solid var(--cc-border); border-radius:10px; padding:10px 12px; color: var(--cc-text) !important; font-size:13px; line-height:1.6; box-shadow:0 12px 28px rgba(15,23,42,.12); }
#cc-float-icon .cc-float-tip *{ color: var(--cc-text) !important; }
#cc-float-icon .cc-float-tip.fade-in{ animation: ccTipFade .35s ease; }
#cc-float-icon .cc-float-tip.fade-out{ animation: ccTipFadeOut .3s ease forwards; }
#cc-float-icon .cc-float-tip:after{ content:""; position:absolute; right:-8px; bottom:18px; border-width:8px 0 8px 8px; border-style:solid; border-color:transparent transparent transparent #ffffff; filter: drop-shadow(0 0 1px rgba(15,23,42,.12)); }
#cc-float-icon .cc-tip-close{ position:absolute; top:4px; right:6px; color:#94a3b8 !important; cursor:pointer; font-size:14px; }
@keyframes ccTipFade{ from{opacity:0; transform: translateY(6px);} to{opacity:1; transform: translateY(0);} }
@keyframes ccTipFadeOut{ from{opacity:1; transform: translateY(0);} to{opacity:0; transform: translateY(6px);} }
@media (max-width:768px){ #cc-float-icon{ right:12px; bottom:18px; } #cc-float-icon img{ width:64px; height:64px; } #cc-float-icon .cc-float-tip{ right:80px; bottom:6px; font-size:12px; width:220px; } }
/* 弹跳动画 */
#cc-float-icon img.cc-bounce{ animation: ccBounce .42s ease; }
@keyframes ccBounce{ 0%{ transform: scale(1) translateY(0);} 40%{ transform: scale(1.1) translateY(-4px);} 100%{ transform: scale(1) translateY(0);} }