查看“草系”的源代码

<html>
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; padding: 10px;">
  <a href="/index.php/首页" title="全部"><img src="https://wiki.len-chat.ca/images/e/e1/全部.png" width="32"></a>
  <a href="/index.php/草系" title="草"><img src="https://wiki.len-chat.ca/images/c/ca/草.png" width="32"></a>
  <a href="/index.php/水系" title="水"><img src="https://wiki.len-chat.ca/images/a/a9/水.png" width="32"></a>
  <a href="/index.php/火系" title="火"><img src="https://wiki.len-chat.ca/images/2/2e/火.png" width="32"></a>
  <a href="/index.php/飞行系" title="飞行"><img src="https://wiki.len-chat.ca/images/3/39/飞行.png" width="32"></a>
  <a href="/index.php/电系" title="电"><img src="https://wiki.len-chat.ca/images/0/05/电.png" width="32"></a>
  <a href="/index.php/冰系" title="冰"><img src="https://wiki.len-chat.ca/images/e/eb/冰.png" width="32"></a>
  <a href="/index.php/地面系" title="地面"><img src="https://wiki.len-chat.ca/images/2/2a/地面.png" width="32"></a>
  <a href="/index.php/机械系" title="机械"><img src="https://wiki.len-chat.ca/images/c/c0/机械.png" width="32"></a>
  <a href="/index.php/超能系" title="超能"><img src="https://wiki.len-chat.ca/images/3/34/超能.png" width="32"></a>
  <a href="/index.php/普通系" title="普通"><img src="https://wiki.len-chat.ca/images/b/b7/普通.png" width="32"></a>
  <a href="/index.php/战斗系" title="战斗"><img src="https://wiki.len-chat.ca/images/b/bc/战斗.png" width="32"></a>
  <a href="/index.php/暗影系" title="暗影"><img src="https://wiki.len-chat.ca/images/6/6e/暗影.png" width="32"></a>
  <a href="/index.php/龙系" title="龙"><img src="https://wiki.len-chat.ca/images/1/14/龙.png" width="32"></a>
  <a href="/index.php/光系" title="光"><img src="https://wiki.len-chat.ca/images/c/ce/光.png" width="32"></a>
  <a href="/index.php/圣灵系" title="圣灵"><img src="https://wiki.len-chat.ca/images/3/34/圣灵.png" width="32"></a>
  <a href="/index.php/神秘系" title="神秘"><img src="https://wiki.len-chat.ca/images/7/71/神秘.png" width="32"></a>
</div>
<div class="sprite-grid">
  <div class="sprite-box">
    <a href="/index.php/布布种子">
      <img src="https://wiki.len-chat.ca/images/7/78/头像-1.png" width="60" alt="布布种子">
    </a>
    <div class="sprite-name">1布布种子</div>
  </div>

  <div class="sprite-box">
    <a href="/index.php/布布草">
      <img src="https://wiki.len-chat.ca/images/a/a3/头像-2.png" width="60" alt="布布草">
    </a>
    <div class="sprite-name">2布布草</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/布布花">
      <img src="https://wiki.len-chat.ca/images/9/94/头像-3.png" width="60" alt="布布花">
    </a>
    <div class="sprite-name">3布布花</div>
  </div>
  
  <div class="sprite-box">
    <a href="/index.php/仙人球">
      <img src="https://wiki.len-chat.ca/images/e/ee/头像-16.png" width="60" alt="仙人球">
    </a>
    <div class="sprite-name">16仙人球</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/仙人掌">
      <img src="https://wiki.len-chat.ca/images/7/7e/头像-17.png" width="60" alt="仙人掌">
    </a>
    <div class="sprite-name">17仙人掌</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/巨型仙人掌">
      <img src="https://wiki.len-chat.ca/images/6/60/头像-18.png" width="60" alt="巨型仙人掌">
    </a>
    <div class="sprite-name">18巨型仙人掌</div>
  </div>
  
  <div class="sprite-box">
    <a href="/index.php/小豆芽">
      <img src="https://wiki.len-chat.ca/images/7/71/头像-27.png" width="60" alt="小豆芽">
    </a>
    <div class="sprite-name">27小豆芽</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/叮叮">
      <img src="https://wiki.len-chat.ca/images/6/68/头像-28.png" width="60" alt="叮叮">
    </a>
    <div class="sprite-name">28叮叮</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/魔花仙子">
      <img src="https://wiki.len-chat.ca/images/0/00/头像-29.png" width="60" alt="魔花仙子">
    </a>
    <div class="sprite-name">29魔花仙子</div>
  </div>
  
  <div class="sprite-box">
    <a href="/index.php/小蘑菇">
      <img src="https://wiki.len-chat.ca/images/8/8d/头像-46.png" width="60" alt="小蘑菇">
    </a>
    <div class="sprite-name">46小蘑菇</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/蘑菇怪">
      <img src="https://wiki.len-chat.ca/images/0/07/头像-47.png" width="60" alt="蘑菇怪">
    </a>
    <div class="sprite-name">47蘑菇怪</div>
  </div>
  
  <div class="sprite-box">
    <a href="/index.php/依依">
      <img src="https://wiki.len-chat.ca/images/b/b0/头像-83.png" width="60" alt="依依">
    </a>
    <div class="sprite-name">83依依</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/依丁丝">
      <img src="https://wiki.len-chat.ca/images/b/ba/头像-84.png" width="60" alt="依丁丝">
    </a>
    <div class="sprite-name">84依丁丝</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/依卡莱恩">
      <img src="https://wiki.len-chat.ca/images/3/33/头像-85.png" width="60" alt="依卡莱恩">
    </a>
    <div class="sprite-name">85依卡莱恩</div>
  </div>
  
  <div class="sprite-box">
    <a href="/index.php/小树精">
      <img src="https://wiki.len-chat.ca/images/8/8c/头像-114.png" width="60" alt="小树精">
    </a>
    <div class="sprite-name">114小树精</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/巨型树妖">
      <img src="https://wiki.len-chat.ca/images/9/93/头像-115.png" width="60" alt="巨型树妖">
    </a>
    <div class="sprite-name">115巨型树妖</div>
  </div>
  
  <div class="sprite-box">
    <a href="/index.php/黑刺球">
      <img src="https://wiki.len-chat.ca/images/5/5f/头像-167.png" width="60" alt="黑刺球">
    </a>
    <div class="sprite-name">167黑刺球</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/卡布尔">
      <img src="https://wiki.len-chat.ca/images/7/7d/头像-168.png" width="60" alt="卡布尔">
    </a>
    <div class="sprite-name">168卡布尔</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/卡特斯">
      <img src="https://wiki.len-chat.ca/images/c/c2/头像-169.png" width="60" alt="卡特斯">
    </a>
    <div class="sprite-name">169卡特斯</div>
  </div>
  
  <div class="sprite-box">
    <a href="/index.php/水草蛙">
      <img src="https://wiki.len-chat.ca/images/3/3e/头像-211.png" width="60" alt="水草蛙">
    </a>
    <div class="sprite-name">211水草蛙</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/卡其沙">
      <img src="https://wiki.len-chat.ca/images/5/52/头像-212.png" width="60" alt="卡其沙">
    </a>
    <div class="sprite-name">212卡其沙</div>
  </div>
 
  <div class="sprite-box">
    <a href="/index.php/宾波">
      <img src="https://wiki.len-chat.ca/images/6/6e/头像-243.png" width="60" alt="宾波">
    </a>
    <div class="sprite-name">243宾波</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/宾多拉">
      <img src="https://wiki.len-chat.ca/images/c/cb/头像-244.png" width="60" alt="宾多拉">
    </a>
    <div class="sprite-name">244宾多拉</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/宾尼纳拉">
      <img src="https://wiki.len-chat.ca/images/e/e8/头像-245.png" width="60" alt="宾尼纳拉">
    </a>
    <div class="sprite-name">245宾尼纳拉</div>
  </div>
  
  <div class="sprite-box">
    <a href="/index.php/迷你芽">
      <img src="https://wiki.len-chat.ca/images/3/37/头像-293.png" width="60" alt="迷你芽">
    </a>
    <div class="sprite-name">293迷你芽</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/迷你草">
      <img src="https://wiki.len-chat.ca/images/3/3c/头像-294.png" width="60" alt="迷你草">
    </a>
    <div class="sprite-name">294迷你草</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/迷你果">
      <img src="https://wiki.len-chat.ca/images/5/53/头像-295.png" width="60" alt="迷你果">
    </a>
    <div class="sprite-name">295迷你果</div>
  </div>
  
  <div class="sprite-box">
    <a href="/index.php/黄金布布">
      <img src="https://wiki.len-chat.ca/images/2/20/头像-301.png" width="60" alt="黄金布布">
    </a>
    <div class="sprite-name">301黄金布布</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/蒙娜布布">
      <img src="https://wiki.len-chat.ca/images/3/39/头像-302.png" width="60" alt="蒙娜布布">
    </a>
    <div class="sprite-name">302蒙娜布布</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/丽莎布布">
      <img src="https://wiki.len-chat.ca/images/5/5f/头像-303.png" width="60" alt="丽莎布布">
    </a>
    <div class="sprite-name">303丽莎布布</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/橡木蝶">
      <img src="https://wiki.len-chat.ca/images/f/f5/头像-369.png" width="60" alt="橡木蝶">
    </a>
    <div class="sprite-name">369橡木蝶</div>
  </div>
  
  <div class="sprite-box">
    <a href="/index.php/寄宿岩">
      <img src="https://wiki.len-chat.ca/images/4/41/头像-376.png" width="60" alt="寄宿岩">
    </a>
    <div class="sprite-name">376寄宿岩</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/宿主岩">
      <img src="https://wiki.len-chat.ca/images/e/ed/头像-377.png" width="60" alt="宿主岩">
    </a>
    <div class="sprite-name">377宿主岩</div>
  </div>
  
  <div class="sprite-box">
    <a href="/index.php/辛诺">
      <img src="https://wiki.len-chat.ca/images/e/eb/头像-387.png" width="60" alt="辛诺">
    </a>
    <div class="sprite-name">387辛诺</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/辛诺瓦">
      <img src="https://wiki.len-chat.ca/images/1/12/头像-388.png" width="60" alt="辛诺瓦">
    </a>
    <div class="sprite-name">388辛诺瓦</div>
  </div>
  <div class="sprite-box">
    <a href="/index.php/辛奇帕克">
      <img src="https://wiki.len-chat.ca/images/7/70/头像-389.png" width="60" alt="辛奇帕克">
    </a>
    <div class="sprite-name">389辛奇帕克</div>
  </div>

<style>
#floating-player {
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 8px;
  background: #111;
  color: white;
  padding: 10px 15px;
  font-family: sans-serif;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  box-shadow: 0 0 10px #000;
  z-index: 9999;
}


#floating-player button {
  background: #333;
  border: none;
  padding: 6px 12px;
  color: white;
  border-radius: 6px;
  cursor: pointer;
}

#floating-player button:hover {
  background: #555;
}

#progress {
  background: #333;
  height: 6px;
  border-radius: 3px;
  flex: 1;
  width: 100px;
  overflow: hidden;
}

#bar {
  height: 100%;
  width: 0%;
  background: #66f;
  transition: width 0.2s linear;
}
</style>

<audio id="bgm" src="https://d1rtq9slcl72gh.cloudfront.net/audio/home.mp3" loop></audio>
<div id="floating-player"
  onclick="(function(){
    var bgm = document.getElementById('bgm');
    if (!window.bgm_initialized) {
      document.body.addEventListener('click', function(){
        bgm.play().catch(()=>{});
      }, { once: true });

      setInterval(function(){
        if (!bgm.duration) return;
        var percent = (bgm.currentTime / bgm.duration) * 100;
        document.getElementById('bar').style.width = percent + '%';
      }, 300);

      window.bgm_initialized = true;
    }
  })()"
>
  <button onclick="document.getElementById('bgm').play()">▶ 播放</button>
  <button onclick="document.getElementById('bgm').pause()">⏸ 暂停</button>
  <div id="progress"><div id="bar"></div></div>
</div>

</div>

</html>