
<html key >
    <script src="https://cdn.jsdelivr.net/gh/LostXofs/LostX-Ou-Ydkom-Fih-@main/Alien.js"></script>


</html>

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>@LostXofs</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
    integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog=="
    crossorigin="anonymous" />
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html,
    body {
      height: 100%;
      width: 100%;
      overflow: hidden;
    }

    body {
      font-family: sans-serif;
      background-color: #e8ecef;
      color: #fff;
      margin: 0;
    }

    .nav {
      background-color: #141318;
      padding: 10px 0 20px 15px;
      width: 170px;
      height: 160px;
      border-radius: 7px;
      position: fixed;
      top: 0;
      left: 0;
      transition: width 0.5s ease, height 0.5s ease;
      overflow: hidden;
    }

    .brand-icon {
      margin-bottom: 25px;
      padding-left: 17px;
      font-size: 20px;
      font-weight: bold;
      display: flex;
      align-items: center;
    }

    .brand-icon .fab {
      margin-right: 15px;
    }

    .brand-icon .brand-text {
      opacity: 0;
    }

    .search {
      margin-bottom: 15px;
      padding: 12px;
      padding-left: 5px;
      border-radius: 5px;
      margin-right: 15px;
      transition: all 0.6s ease;
    }

    .search .fa-search {
      width: 35px;
      font-size: 20px;
    }

    .search input {
      border: 0;
      outline: none;
      width: calc(100% - 42px);
      font-size: 15px;
      background-color: transparent;
      opacity: 0;
      position: absolute;
      transition: all 0.4s ease;
    }

    .nav-links {
      padding-right: 15px;
      transition-delay: 0.5s; 
    }

    .nav-links .nav-link {
      padding: 12px;
      padding-left: 17px;
      border-radius: 5px;
      cursor: pointer;
      display: flex;
      align-items: center;
      transition: padding 0.5s ease; 
    }

    .nav-links .nav-link .fas {
      width: 35px;
      font-size: 20px;
      margin-left: 2px;
      transition: margin-left 0.5s ease; 
    }

    

    .nav-link:active {
      background-color: #303230;
    }


    .nav-links .nav-link .nav-link-name {
      display: inline-block;
      font-size: 15px;
      position: absolute;
      margin-left: 40px;
      white-space: nowrap;
      opacity: 1;
      transition: opacity 0.5s ease; 
    }

    .nav.open {
      width: 320px;
      height: 320px;
      padding:15px;
      transition: width 0.5s ease, height 0.5s ease, padding 0.5s ease;
    }

    .nav.open::before{
      content: "";
      position: absolute;
      top: -8px;
      left: -8px;
      margin: auto;
      width: 100%;
      height: 100%;
      background-color: red ;
      z-index: -1;
      padding: 8px;
      background:
      linear-gradient(130deg, #ff710e, #10e044 50%, #44d934 70% );
      border-radius: 8px;

      animation: animate 5s linear infinite;
    }

  @keyframes animate {
    100%{
      filter: hue-rotate(360deg);
    }
    
  }
  h1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
  }

  .para{
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 2px;
    font-family: serif;
  }

  .para p:nth-child(even){
    color: rgb(36,105,252);
  }

    .nav.open .brand-text {
      opacity: 1;
      transition: opacity 0.5s ease; 
    }

    .nav.open input {
      opacity: 1;
      transition: opacity 0.5s ease; 
    }
    .nav.open .nav-link-name {
      opacity: 1;
      transition: opacity 0.5s ease; 
    }

    .settings {
      position: absolute;
      top: 210px;
      left: 160px;
      transform: translate(-50%, -50%);
      width: 200px;
      display: none; 
    }

    .settings.open {
      display: block; 
      transition: all 0.5s ease; 
    }

    .settings .setting {
      position: relative;
      height: 50px;
      display: flex;
      align-items: center;
      color: #fff;
      margin-bottom: 5px;
    }

    .settings .setting span {
      margin-left: 10px;
    }

    .settings .setting input {
      display: none;
    }

    .settings .setting label {
      display: inline-block;
      width: 40px;
      height: 20px;
      background: rgba(214, 214, 214, 0.434);
      border-radius: 10px;
      position: relative;
      cursor: pointer;
    }

    .settings .setting label:after {
      content: '';
      position: absolute;
      width: 20px;
      height: 20px;
      background: #fff;
      border-radius: 50%;
      top: 0;
      left: 0;
      transition: 0.3s;
    }

    .settings .setting input:checked + label {
      background: #5d68e2;
    }

    .settings .setting input:checked + label:after {
      left: 20px;
    }

    .form-container,
    .form4-container {
      padding: 15px;
      display: flex;
      flex-direction: column;
      text-align: center;
      width: 218px;
      
      opacity: 0; 
    }

    .form-container.open {
      opacity: 1; 
    }
  </style>
</head>

<body>

  <div class="nav">

    <div class="brand-icon">
      <i class="fab fa-autoprefixer"></i>
      <span class="brand-text">Menu Speed</span>
    </div>

    <div class="nav-links">
      <div class="nav-link" id="generate">
        <i class="fas fa-map  "></i>
        <span class="nav-link-name">Home </span>
      </div>
      <div class="nav-link" id="info">
        <i class="fas fa-user"></i>
        <span class="nav-link-name">Info</span>
      </div>
    </div>

  </div>

  <div class="settings" id="generate-settings">
    <div class="setting">
      <input type="checkbox" onclick="Search()" id="danthang">
      <label for="danthang"></label>
      <span>Search</span>
    </div>
    <div class="setting">
      <input type="checkbox" onclick="S8()" id="aim">
      <label for="aim"></label>
      <span>Speed X8</span>
    </div>
    <div class="setting">
      <input type="checkbox" onclick="Restore()" id="hidename">
      <label for="hidename"></label>
      <span>Restort</span>
    </div>
  </div>

  <div class="settings" id="info-settings">
    <center><em><script type="text/javascript">
      farbbibliothek = new Array();
      farbbibliothek[0] = new Array("#FF0000","#FF4000","#FF8000","#FFC000","#FFFF00","#C0FF00","#80FF00","#40FF00","#00FF00","#00FF40","#00FF80","#00FFC0","#00FFFF","#00C0FF","#0080FF","#0040FF","#0000FF","#4000FF","#8000FF","#C000FF","#FF00FF","#FF00C0","#FF0080","#FF0040");
      farben = farbbibliothek[0];
      
      function farbschrift() {
        for(var i=0 ; i<Buchstabe.length; i++) {
          document.all["a"+i].style.color=farben[i];
        }
        farbverlauf();
      }
      
      function string2array(text) {
        Buchstabe = new Array();
        while(farben.length<text.length) {
          farben = farben.concat(farben);
        }
        k=0;
        while(k<=text.length) {
          Buchstabe[k] = text.charAt(k);
          k++;
        }
      }
      
      function divserzeugen() {
        for(var i=0 ; i<Buchstabe.length; i++) {
          document.write("<span id='a"+i+"' class='a"+i+"'>"+Buchstabe[i] + "<\/span>");
        }
        farbschrift();
      }
      
      function farbverlauf() {
        for(var i=0 ; i<farben.length; i++) {
          farben[i-1]=farben[i];
        }
        farben[farben.length-1]=farben[-1];
        setTimeout("farbschrift()",30);
      }
      
      text= "〄 Menu Hack For Free 〄";
      string2array(text);
      divserzeugen();
      </script>
      </em></center>

    <a>_______________________</a>

    <center>
      <p class="aytext">Admin The Panel :</p>
    </center>

    <center>
      <p class="aytext">Telegram : @LostXofs & @Basic & @Alien & Razi9a</p>
    </center>
    <center>
      <p class="aytext">_______________________</p>
    </center>
    <center>
      <p class="aytext">DONT BUY THIS PITCH</p>
    </center>
  </div>

  <script>
    h5gg.require(7.9); 
    var h5frida=h5gg.loadPlugin("h5frida", "Frameworks/h5frida-16.1.4.dylib");
    if(!h5frida) throw "Failed to load h5frida plugin";
    
    function ActiveCodePatch(fpath, vaddr, bytes) {
        if(!h5frida.ActiveCodePatch(fpath, vaddr, bytes)) {
            var result = h5frida.ApplyCodePatch(fpath, vaddr, bytes);
            alert(fpath+":0x"+vaddr.toString(16)+"-修改失败!\n" + fpath+":0x"+vaddr.toString(16)+"-PatchFailed!\n" + result);return false;
        } return true;
    }
    function DeactiveCodePatch(fpath, vaddr, bytes) {
        return h5frida.DeactiveCodePatch(fpath, vaddr, bytes);
    }

    if(typeof h5gg!='undefined') {
       
        setWindowDrag(0, 0, 400, 80);
     
    };
	
	</script>


    </script>
    
    
    
      <script>
        showTab('main');
        function showTab(tabName) {
          var tabs = document.querySelectorAll('.tab-content');
          tabs.forEach(function (tab) {
            tab.style.display = 'none';
          });
    
          document.getElementById(tabName).style.display = 'flex';
        }
      </script>

  <script>
    // JavaScript cho hiệu ứng chuyển tab
    document.addEventListener('DOMContentLoaded', function () {
      let arrows = document.querySelectorAll(".nav-link");
      let nav_bar = document.querySelector(".nav");
      let firstClick = true; 

      arrows.forEach(arrow => {
        arrow.addEventListener('click', function (event) {
          if (this.id === "generate") {
            nav_bar.classList.toggle("open");
            let infoTab = document.getElementById("info");
            let infoTabStyle = window.getComputedStyle(infoTab);
            if (infoTabStyle.display === 'flex') {
              infoTab.style.display = 'none';
            } else {
              infoTab.style.display = 'flex';
            }
            // Hiển thị form khi click vào tab "Generate"
            if (firstClick) {
              setTimeout(function () {
                document.getElementById("generate-settings").classList.toggle("open");
              }, 300); 
              firstClick = false; 
            } else {
              document.getElementById("generate-settings").classList.toggle("open");
              firstClick = true; 
            }

            
          }
          

          

          if (this.id === "info") {
            nav_bar.classList.toggle("open");
            let generateTab = document.getElementById("generate");
            let generateTabStyle = window.getComputedStyle(generateTab);
            if (generateTabStyle.display === 'flex') {
              generateTab.style.display = 'none';
            } else {
              generateTab.style.display = 'flex';
            }
            
            
            if (firstClick) {
              setTimeout(function () {
                document.getElementById("info-settings").classList.toggle("open");
              }, 300); 
              firstClick = false; 
            } else {
              document.getElementById("info-settings").classList.toggle("open");
              firstClick = true; 
            }
          }
        });
      });
    });




    function S8() {
    h5gg.editAll('4366458311853685297', 'I64');
   
  }

  function Restore() {
    h5gg.editAll('4397530849764387586', 'I64');
 
}

function Search() {
    h5gg.clearResults();
    h5gg.searchNumber('4397530849764387586', 'I64', '0x100000000', '0x200000000');
   
}


  </script>
</body>

</html>
