<!DOCTYPE html>
<html>
  <head>
    <title>#_PAGE_TITLE_#</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <style>
      body {
        font-family: Arial, sans-serif;
        text-align: center;
        margin: 0;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: #fff;
        -webkit-tap-highlight-color: transparent;
      }
      .container {
        width: 100%;
        box-sizing: border-box;
        padding: 0 40px;
        margin: 0 auto;
        box-shadow: none;
        transform: translateY(-20%);
      }
      .top-image {
        width: 4.5rem;
        height: 4.5rem;
        margin-bottom: 1.2rem;
        background-image: url('data:image/png;base64,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');
        background-size: cover;
        background-position: center;
        margin: 0 auto;
      }
      h1 {
        font-family: 'Roboto-Medium', sans-serif;
        font-size: 1rem;
        color: #525e66;
        letter-spacing: 0;
        text-align: center;
        font-weight: 500;
        margin-bottom: 0.2rem;
      }
      p {
        font-family: Roboto-Black;
        font-size: 12px;
        color: #aab5bb;
        letter-spacing: 0;
        text-align: center;
        line-height: 17px;
        font-weight: 400;
        margin-top: 6px;
        margin-bottom: 30px;
      }
      a {
        color: #007bff;
        text-decoration: none;
      }
      .button {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-size: 1.4rem;
        font-weight: bold;
        padding: 1rem 1.6rem;
        border-radius: 0.4rem;
        cursor: pointer;
        margin-top: 1rem;
        font-family: Roboto-Medium;
        font-size: 14px;
        font-weight: 500;
      }

      .button-corner {
        position: absolute;
        top: 0;
        right: -6px;
        padding: 5px 8px;
        font-family: Roboto-Bold;
        font-size: 10px;
        color: #FFFFFF;
        font-weight: 700;
        transform: translateY(-70%);
        background: #2696FF;
        border-radius: 6px 6px 6px 0;
        display: none;
      }

      .button img {
        width: 1rem;
        height: 1rem;
        margin-right: 5px;
      }
      .refresh-button {
        background-color: #000;
        color: #fff;
        border: none;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .refresh-button img{
        width: 1rem;
        height: 1rem;
        margin-right: 5px;
      }
      .diagnostics-button {
        background-color: #f5f6f7;
        color: #333;
        border: none;
        border-radius: 10px;
      }
      .feedback-link {
        width: 100%;
        position: fixed;
        display: block;
        bottom: 36px;
        left: 50%;
        transform: translateX(-50%);
      }

      .feedback-link-text {
        font-family: 'Roboto-Regular', sans-serif;
        font-size: 0.75rem;
        color: #12161a;
        letter-spacing: 0;
        font-family: Roboto-Regular;
        font-weight: 400;
        text-decoration: underline;
        margin: 0 20px;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div class="top-image"></div>
      <h1 class="main-title">#_MAIN_TITLE_#</h1>
      <p class="sub-title">#_SUB_TITLE_#</p>
      <button id="mainBtn" class="button refresh-button">
        <img
          style="display: none;"
          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAE7UExURUdwTDZARzMzMzZARzY/RzZBRzVARwCAgFVVVTk5VTZARzY/RjdBSDhBSDlARzc/RzdASDhCRzdJSTY/SDBAQDZARzY/Rjc/SDZARzs7TjY+RjZARzVBRjU/RjY/RzZASDdASDZARzZASDZARzZASDY/RzZARjNCSQAAACRJSTZASDdASTY/SDVARjZARzZARzNNTTZBRzZARzVARzZARzVARzZDSjZARzlCTDU/RzZARzZBSDY/RzZBRzdBRjc/RzZARzZARzVARjZARzZARjZARzY/SDZARjZARzM9RzdARzZARzdARzdARjZARzVASDZARzE9STNERDY/RzZARzdARytVVTc+RTVARjZARTVASDY/SDw8SzZARzVBRzZARzZARzdBRzVCRjY/RzY/RzZARzhBRjc/RjZARwcXUygAAABodFJOUwDfBWz5opACAwn4cUpOJMnEMg65ENBtee4NIdSGTdljh+ir4mfxXyMBB7IcWVvrkwpez7/Ojyb6G+W3kumqZl3ytNL39r45x+wZcLPXdPtc5hUP4cxvBiV4NGC9EcYr6ohPPtXt0zdFTJ+b+QAAAqxJREFUWMPtWGdj4jAMDSMECBvCpmWVMEuh0HV7tLf33vsu//8X3DV2HEMwSMl97PsWWzwcRXqSLEkX8IhwItYJFAqBTiwRdk2SiYe0oMEQ1ELxDJ7FX2tGDQeizZofRRPJtwwBWvkImEZpN4w1aLQVGE86aWxAMg3h2Q7yv9lNyeNqdSyndvnV4Pbm7x2yzXfkycDeGUzkHXtvviEacllmOh06vBoZTtl2NreOR9+y7Hyj7iqD7shnWWzpa85j8RTVnsimpxYtJuGZwtZ7Vcrrjl2uWG8n8pPl535pvSNLfWoYEnx3ul3fGG9KnZqujII0jZ86JNgoU3BFZCo0nvug+Ffo2yWd1m3q5xIsj0rU421HrJE8LZahmV0mUdBYjto8+QMVLjUq+UV+SceI/vh6cKIeifHWotLVCP0IyvLn5FflJ/lNbWGjSfK0C+T5zclwc0HnycYQeqATXsf5ihAn+gNW4zu8ysUdWSaDHf2WJ+IzTjNXJvBileWINE4/SJoN4N9+L8UJuK0mCaLzmMr3fGYzJdhqzHxOoWros4eMKMYWO0hfmzhi6t1hawHzeYxsD/SnlCjAlgrmcxXbaHy+S4gKXomkd9eXTuTu1f7h++3zhDjy5mwTZy+jnw4kT59/JVwEpKDEolNEBGzSChFy7e0lYIVN3FIjpVYMIv6zrmcibDkSaye+QAqAL9mioQHbRAiBbGskYZ+Na7Qk9cOecATBtH73DeNUyIRoRr+e2+0LmebQ9vgBsRMyARt2/Qc1Oy57GSFev7JGiOMDD0ON8oSVRd8b4Jg1c45ZH69pbPvmPbeDn67uP7b3buRcjaKX5NQXfvXwEURw/tdwvHFcv3xVgWuB+ALhRR6n7KuvNG5difvxwrJ0yXI4nX/LuFYp69rnvZdrnwtQ/AXxKIPKfutM5wAAAABJRU5ErkJggg=="
          alt=""
        />
        #_BUTTON_TEXT_1_#
        <span class="button-corner"></span>
      </button>
      <button id="refreshBtn" class="button diagnostics-button">
        <img
          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAE7UExURUdwTDZARzMzMzZARzY/RzZBRzVARwCAgFVVVTk5VTZARzY/RjdBSDhBSDlARzc/RzdASDhCRzdJSTY/SDBAQDZARzY/Rjc/SDZARzs7TjY+RjZARzVBRjU/RjY/RzZASDdASDZARzZASDZARzZASDY/RzZARjNCSQAAACRJSTZASDdASTY/SDVARjZARzZARzNNTTZBRzZARzVARzZARzVARzZDSjZARzlCTDU/RzZARzZBSDY/RzZBRzdBRjc/RzZARzZARzVARjZARzZARjZARzY/SDZARjZARzM9RzdARzZARzdARzdARjZARzVASDZARzE9STNERDY/RzZARzdARytVVTc+RTVARjZARTVASDY/SDw8SzZARzVBRzZARzZARzdBRzVCRjY/RzY/RzZARzhBRjc/RjZARwcXUygAAABodFJOUwDfBWz5opACAwn4cUpOJMnEMg65ENBtee4NIdSGTdljh+ir4mfxXyMBB7IcWVvrkwpez7/Ojyb6G+W3kumqZl3ytNL39r45x+wZcLPXdPtc5hUP4cxvBiV4NGC9EcYr6ohPPtXt0zdFTJ+b+QAAAqxJREFUWMPtWGdj4jAMDSMECBvCpmWVMEuh0HV7tLf33vsu//8X3DV2HEMwSMl97PsWWzwcRXqSLEkX8IhwItYJFAqBTiwRdk2SiYe0oMEQ1ELxDJ7FX2tGDQeizZofRRPJtwwBWvkImEZpN4w1aLQVGE86aWxAMg3h2Q7yv9lNyeNqdSyndvnV4Pbm7x2yzXfkycDeGUzkHXtvviEacllmOh06vBoZTtl2NreOR9+y7Hyj7iqD7shnWWzpa85j8RTVnsimpxYtJuGZwtZ7Vcrrjl2uWG8n8pPl535pvSNLfWoYEnx3ul3fGG9KnZqujII0jZ86JNgoU3BFZCo0nvug+Ffo2yWd1m3q5xIsj0rU421HrJE8LZahmV0mUdBYjto8+QMVLjUq+UV+SceI/vh6cKIeifHWotLVCP0IyvLn5FflJ/lNbWGjSfK0C+T5zclwc0HnycYQeqATXsf5ihAn+gNW4zu8ysUdWSaDHf2WJ+IzTjNXJvBileWINE4/SJoN4N9+L8UJuK0mCaLzmMr3fGYzJdhqzHxOoWros4eMKMYWO0hfmzhi6t1hawHzeYxsD/SnlCjAlgrmcxXbaHy+S4gKXomkd9eXTuTu1f7h++3zhDjy5mwTZy+jnw4kT59/JVwEpKDEolNEBGzSChFy7e0lYIVN3FIjpVYMIv6zrmcibDkSaye+QAqAL9mioQHbRAiBbGskYZ+Na7Qk9cOecATBtH73DeNUyIRoRr+e2+0LmebQ9vgBsRMyARt2/Qc1Oy57GSFev7JGiOMDD0ON8oSVRd8b4Jg1c45ZH69pbPvmPbeDn67uP7b3buRcjaKX5NQXfvXwEURw/tdwvHFcv3xVgWuB+ALhRR6n7KuvNG5difvxwrJ0yXI4nX/LuFYp69rnvZdrnwtQ/AXxKIPKfutM5wAAAABJRU5ErkJggg=="
          alt=""
        />
        #_BUTTON_TEXT_2_#
      </button>
    </div>
    <div class="feedback-link">
      <a href="ext:feedback:web_error" class="feedback-link-text">#_BUTTON_TEXT_FEEDBACK_#</a>
      <a href="ext:error_check:check" class="feedback-link-text">#_BUTTON_TEXT_DIAGNOSTICS_#</a>
    </div>

    <script>
      const PAGE_TYPE = '#_PAGE_TYPE_#'; // 值范围 REFRESH / TURN_VPN
      const IS_TURN_PAGE = PAGE_TYPE === 'TURN_VPN'
      // const IS_TURN_PAGE = false;
      // true的时候，第二个按钮需要展示refresh图标

      const mainBtn = document.getElementById('mainBtn');
      const refreshBtn = document.getElementById('refreshBtn');

      if (IS_TURN_PAGE) {
        const cornerTextTag = '#_MAIN_BUTTON_CORNER_TEXT_#'
        const cornerText = cornerTextTag?.indexOf('CORNER_TEXT') === -1 ? cornerTextTag : 'Turn vpn & Retry'
        if (cornerText) {
          mainBtn.querySelector('.button-corner').innerText = cornerText;
          mainBtn.querySelector('.button-corner').style.display = 'flex';
        }
        refreshBtn.querySelector('img').style.display = 'inline-block';
      } else {
        mainBtn.querySelector('img').style.display = 'inline-block';
        refreshBtn.style.display = 'none';
      }

      mainBtn.addEventListener('click', () => {
        location.href = '#_MAIN_BTN_CLICK_STRING_#';
      })

      refreshBtn.addEventListener('click', () => {
        location.href = 'ext:refresh';
      })
    </script>
  </body>
</html>
