添加访客ip 卡片到 Komari探针

用上了

好东西

感谢分享！

试试就试试

更新了kamori，发现图裂了，找openclaw修复了一下

<style>
  #ip-float-card {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    transform-origin: bottom right; /* 缩放基点 */
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
    transform: scale(1);
  }

  /* 迷你模式 */
  #ip-float-card.mini-mode {
    opacity: 0.3;
    transform: scale(0.25);
    pointer-events: auto;
  }

  /* 悬停恢复 */
  #ip-float-card:hover {
    opacity: 1 !important;
    transform: scale(1) !important;
  }
  
  /* 确保图片自适应，防止因为尺寸问题显示异常 */
  #ip-float-card img {
    max-width: 100%;
    height: auto;
    display: block;
  }
</style>

<div id="ip-float-card">
  <a href="https://ippure.com" target="_blank">
    <!-- 核心修改：增加了 referrerpolicy="no-referrer" -->
    <img 
      src="https://my.ippure.com/v1/card" 
      alt="访客IP信息卡片" 
      title="点击查看IP信息"
      referrerpolicy="no-referrer" 
    />
  </a>
</div>

<script>
  (function() {
    var card = document.getElementById('ip-float-card');
    
    // 设置 10 秒定时器
    setTimeout(function() {
      // 只有鼠标不在上面时才缩小
      if (!card.matches(':hover')) {
        card.classList.add('mini-mode');
      } else {
        // 如果鼠标在上面，等移开后再缩小
        card.addEventListener('mouseleave', function() {
          card.classList.add('mini-mode');
        }, {once: true});
      }
    }, 10000);
  })();
</script>

看之前mjj发的是做成api，哪个用起来效果好一点