<!DOCTYPE html>
<html lang="en">
  <head> <meta name="keywords" content="keywords_temp" />
<meta name="description" content="description_temp" />

    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title></title>
    
    
    <script>
      LA.init({
        id: "3JioW2VSFe5NbG0q",
        ck: "3JioW2VSFe5NbG0q",
        autoTrack: true,
      });
    </script>
    

    
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-3CLW73505C"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());
      gtag("config", "G-3CLW73505C");
    </script>

    
    <script>
      !(function (e, t, n, s, u, a) {
        e.twq ||
          ((s = e.twq =
            function () {
              s.exe ? s.exe.apply(s, arguments) : s.queue.push(arguments);
            }),
          (s.version = "1.1"),
          (s.queue = []),
          (u = t.createElement(n)),
          (u.async = !0),
          (u.src = "https://static.ads-twitter.com/uwt.js"),
          (a = t.getElementsByTagName(n)[0]),
          a.parentNode.insertBefore(u, a));
      })(window, document, "script");
      twq("config", "opqmh");
      // twq('event', 'tw-opqmh-opqmk', {});
    </script>
    
    <script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
    />
    <style>
      * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
      }

      :root {
        --Neutral-White: #ffffff;
        --Grayscale-900: #131313;
        --Grayscale-800: #222222;
        --Grayscale-700: #3b3b3b;
        --grayscale-600: #484848;
        --Grayscale-500: #6a6a6a;
        --Grayscale-400: #7c7c7c;
        --Grayscale-300: #a8a8a8;
        --Grayscale-200: #c8c8c8;
        --Grayscale-100: #e2e2e2;
        --Grayscale-50: #f2f2f2;
        --Gray-Opacity-56: rgba(124, 124, 124, 0.56);
        --Red-900: #fc232f;
        --Red-400: #f64f64;
        --Orange-400: #fda63f;
        --Orange-50: #fff2e2;
        --Shadow-800: 0px 8px 24px -12px #1634501a;
        --Blue-50: #ecf2ff;
        --Blue-400: #2972fe;
        --Sea-Green-400: #19c179;
        --Yellow-900: #ff9a02;
      }

      body {
        position: relative;
        margin: 0;
        padding: 0;
        min-width: fit-content;
        min-height: 100vh;
        font-family: "Microsoft JhengHei", "微軟正黑體", "Microsoft YaHei",
          sans-serif;

        -webkit-font-smoothing: antialiased;
        text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
      }

      p {
        margin: 0;
      }

      body::before {
        content: "";
        background: url("./image/DecoreTop.png") no-repeat;
        background-size: 100% 100%;
        width: 550px;
        height: 630px;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
      }

      body::after {
        content: "";
        background: url("./image/DecoreBottom.png") no-repeat;
        background-size: 100% 100%;
        width: 582px;
        height: 533px;
        display: inline-block;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: -1;
      }

      header {
        /* padding: 16px 0; */
        /* padding-left: 10%; */
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 2px 6px 0px rgba(25, 26, 30, 0.12);
      }

      .logBox {
        display: flex;
        align-items: center;
        width: max-content;
        text-decoration: none;
      }

      .logBox-content {
        color: rgba(0, 0, 0, 1);
        font-size: 24px;
        font-weight: 700;
        margin-left: 12px;
      }

      main {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        /* position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); */
        /* margin-top: 104px; */
        /* height: min-content; */
        /* width: 100%;
            height: calc(100% - 64px); */
      }

      .downloadBox {
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .leftBox {
        width: 750px;
        padding-top: 75px;
      }

      .partners {
        display: flex;
        align-items: center;
      }

      .partners-title {
        font-weight: 400;
        font-size: 18px;
        line-height: 32px;
        color: rgba(89, 90, 112, 1);
        margin-left: 8px;
      }

      .title {
        font-size: 56px;
        font-weight: 700;
        line-height: 72px;
        color: rgba(30, 29, 45, 1);
      }

      .subtitle {
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
        color: rgba(89, 90, 112, 1);
        margin-bottom: 32px;
      }

      .sloganTitle {
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        color: rgba(30, 29, 45, 1);
        margin-bottom: 12px;
      }

      .slogan {
        display: flex;
        align-items: center;
        margin-bottom: 16px;
        /* margin-bottom: 44px; */
      }

      .slogan:last-child {
        margin-bottom: 44px;
      }

      .limitedTimeEvent {
        position: relative;
        padding-left: 32px;
      }

      .limitedTimeEvent-icon {
        position: absolute;
        top: -32px;
        left: 0;
      }

      .limitedTimeEvent-content {
        width: max-content;
        border-radius: 200px;
        padding: 24px 48px;
        margin-bottom: 44px;
        font-weight: 400;
        font-size: 16px;
        line-height: 40px;
        color: rgba(255, 255, 255, 1);
        background: rgba(254, 122, 17, 1);
      }

      .limitedTimeEvent-content strong {
        font-weight: 700;
        font-size: 18px;
      }

      .slogan-icon {
        min-width: 28px;
      }

      .slogan-content {
        margin-left: 16px;
      }

      .slogan-content-title {
        font-weight: 700;
        font-size: 18px;
        line-height: 32px;
        color: rgba(89, 90, 112, 1);
      }

      .slogan-content-subtitle {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: rgba(141, 143, 163, 1);
      }

      .mobileDown {
        margin-bottom: 32px;
      }

      .mobileDown-title,
      .pcDown-title {
        font-size: 24px;
        font-weight: 700;
        color: rgba(30, 29, 45, 1);
        margin-bottom: 12px;
      }

      .mobileDownListBox {
        display: flex;
        align-items: center;
      }

      .mobileDown-list,
      .pcDown-list {
        /* width: 100%; */
        display: flex;
        flex-flow: wrap;
      }

      .purchaseNotice {
        font-weight: bold;
        margin-bottom: 32px;
        padding: 16px;
        padding-left: 118px;
        border-radius: 20px;
        color: #fff;
        background: #2e33f4;
        position: relative;
      }

      .purchaseNotice-img{
        height: 80px;
        position: absolute;
        top:50%;
        left: -2%;
        transform: translate(0%, -50%);
      }

      .purchaseNotice a{
        color: yellow ;
      }

      .listBox {
        display: flex;
      }

      .isWindowsAndroid {
        flex-flow: row-reverse;
      }

      .mobileDown-item,
      .pcDown-item {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(46, 51, 244, 1);
        font-size: 16px;
        font-weight: 500;
        border: 2px solid rgba(46, 51, 244, 1);
        border-radius: 32px;
        padding: 16px;
        width: 220px;
        margin: 12px 0;
        margin-right: 20px;
        box-sizing: border-box;
        cursor: pointer;
      }

      .qrcodeBox {
        display: flex;
        flex-flow: column;
        align-items: center;
      }

      .qrcodeBox-content {
        font-size: 16px;
        font-weight: 500;
        margin-top: 5px;
      }

      .mobileDown-item-content,
      .pcDown-item-content {
        margin-left: 8px;
      }

      .downloadList {
        display: none;
        width: 396px;
        position: absolute;
        top: 68px;
        left: 0;
        border-radius: 16px;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 2px 6px 0px rgba(25, 26, 30, 0.12),
          0px 0px 1px 0px rgba(25, 26, 30, 0.08);
        z-index: 1;
        border: 1px solid #e5e5e5;
      }

      .downloadList-item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        color: rgba(89, 90, 112, 1);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        border-radius: 32px;
        padding: 12px;
        width: 100%;
        box-sizing: border-box;
        cursor: pointer;
      }

      .downloadList-item-content {
        margin-left: 4px;
      }

      .textColorI {
        font-weight: bold;
        color: #db675e;
      }

      .textColorII {
        font-weight: bold;
        color: #63c712;
      }

      .arrow {
        transform: rotate(0deg);
        transition: transform 0.2s ease-in;
      }

      .selected {
        color: #fff;
        background: rgba(46, 51, 244, 1);
      }

      .selected .arrow {
        transform: rotate(-180deg);
        filter: brightness(100);
      }

      .selected .mobileDown-item-icon {
        filter: brightness(100);
      }

      .feature {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        padding-top: 128px;
      }

      .feature-title {
        font-size: 48px;
        font-weight: 700;
        line-height: 67.2px;
        text-align: center;
      }

      .feature-main {
        display: flex;
        flex-wrap: wrap;
        margin-top: 64px;
        justify-content: center;
        max-width: 1549px;
      }

      .feature-main-item {
        width: 300px;
        height: 188px;
        padding: 24px;
        box-sizing: border-box;
        border-radius: 16px;
        box-shadow: 0px 8px 24px -12px #1634501a;
        margin: 0 20px 16px;
        background: #fff;
      }

      .feature-main-item-imgBox {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        height: 100%;
      }

      .feature-main-item-imgBox-img {
        /* width: 100%; */
        margin-bottom: 8px;
      }

      .feature-main-item-imgBox-lightHight {
        padding: 2px 8px;
        border-radius: 16px;
        background: rgba(255, 77, 87, 1);
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        color: rgba(255, 232, 233, 1);
      }

      .feature-main-item-imgBox-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        text-align: center;
      }

      .feature-main-item:nth-child(2) {
        margin-top: 40px;
      }

      .feature-main-item:nth-child(4) {
        margin-top: 40px;
      }

      .feature-main-item:nth-child(5) {
        margin-top: -40px;
      }

      .feature-main-item:nth-child(7) {
        margin-top: -40px;
      }

      .supportedPlatforms {
        width: 100%;
        padding: 64px;
        margin-top: 128px;
        box-sizing: border-box;
        background: rgba(236, 243, 255, 1);
      }

      .supportedPlatforms-header-title {
        font-size: 48px;
        font-weight: 700;
        line-height: 67.2px;
        text-align: center;
      }

      .supportedPlatforms-header-subtitle {
        font-size: 18px;
        font-weight: 400;
        line-height: 32px;
        text-align: center;
        color: rgba(89, 90, 112, 1);
      }

      .supportedPlatforms-main {
        display: flex;
        justify-content: center;
        margin-top: 40px;
      }

      .supportedPlatforms-main-img {
        width: 168px;
        margin: 0 6px;
      }

      .supportedApp {
        margin-top: 128px;
        width: 100%;
        overflow: hidden;
        display: flex;
        flex-flow: column;
        justify-content: space-between;
      }

      .supportedApp-header-title {
        font-size: 48px;
        font-weight: 700;
        line-height: 67.2px;
        text-align: center;
      }

      .supportedApp-header-subtitle {
        font-size: 18px;
        font-weight: 400;
        line-height: 32px;
        text-align: center;
        color: rgba(89, 90, 112, 1);
      }

      .supportedApp-scroll {
        display: flex;
        /* background: black; */
        /* height: 40px; */
        width: 100%;
      }

      .supportedApp-scroll-imgBox {
        width: 100%;
        flex-shrink: 0;
        /* white-space: nowrap;
            text-transform: uppercase; */
        animation: scroll 40s linear infinite;

        /* &:nth-child(2) { */
        /* animation: scroll2 40s linear infinite;
                animation-delay: -20s; */
        /* } */
      }

      .supportedApp-scroll-imgBox:nth-child(2) {
        animation: scroll2 40s linear infinite;
        animation-delay: -20s;
      }

      .supportedApp-scroll-imgBox-img {
        width: 100%;
      }

      .tryFirstPayLater {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 128px;
      }

      .tryFirstPayLater-main {
        margin-left: 52px;
        margin-right: 16px;
      }

      .tryFirstPayLater-main-title {
        font-size: 48px;
        font-weight: 700;
        line-height: 67.2px;
        color: rgba(19, 19, 19, 1);
        text-align: center;
      }

      .tryFirstPayLater-main-subtitle {
        font-size: 18px;
        font-weight: 400;
        line-height: 32px;
        color: rgba(89, 90, 112, 1);
      }

      .tryFirstPayLater-imgBox {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .fqaBox {
        margin-top: 128px;
        margin-bottom: 80px;
        width: 100%;
        display: flex;
        flex-flow: column;
      }

      .fqaBox-header {
        margin-bottom: 40px;
      }

      .fqaBox-header-title {
        font-size: 48px;
        font-weight: 700;
        line-height: 67.2px;
        color: rgba(19, 19, 19, 1);
        text-align: center;
      }

      .fqaBox-main {
        display: flex;
        flex-flow: column;
        align-items: center;
      }

      .fqaBox-main-item {
        background: #fff;
        box-shadow: 0px 2px 24px 0px rgba(25, 26, 30, 0.1),
          0px 2px 8px 0px rgba(25, 26, 30, 0.06);
        border-radius: 16px;
        overflow: hidden;
        width: 850px;
        margin-bottom: 24px;
      }

      .fqaBox-main-item-title {
        cursor: pointer;
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        color: rgba(19, 19, 19, 1);
        padding: 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }

      .fqaBox-main-item-content {
        background: rgba(247, 247, 248, 1);
        font-size: 16px;
        font-weight: 400;
        line-height: 25.6px;
        color: rgba(106, 106, 106, 1);
        max-height: 0;
        height: auto;
        /* visibility: hidden; */
        padding: 0px;
        transition: max-height 0.2s linear, padding 0.2s linear;
        /* display: none; */
        /* opacity: 0; */
        /* transition: padding .1s ease-in; */
      }

      .more {
        transform: rotate(0deg);
        transition: transform 0.2s ease-in;
      }

      .actioned .more {
        transform: rotate(-135deg);
        /* filter: brightness(100); */
      }

      .actioned + .fqaBox-main-item-content {
        /* visibility: visible; */
        max-height: 500px;
        padding: 24px;
        /* display: block; */
        /* max-height: 600px; */
        /* opacity: 1; */
        /* padding: 24px; */
      }

      @keyframes scroll {
        from {
          transform: translateX(100%);
        }

        to {
          transform: translateX(-100%);
        }
      }

      @keyframes scroll2 {
        from {
          transform: translateX(0%);
        }

        to {
          transform: translateX(-200%);
        }
      }

      @media screen and (max-width: 1400px) {
        .leftBox {
          width: 650px;
        }

        .rightBox-img {
          height: 700px;
        }

        .feature-main-item {
          width: 250px;
        }

        .supportedPlatforms-main-img {
          width: 138px;
          margin: 0 6px;
        }
      }

      @media screen and (max-width: 1200px) {
        .leftBox {
          width: 500px;
        }

        .title {
          font-size: 46px;
        }

        .limitedTimeEvent-content {
          width: auto;
        }

        .rightBox-img {
          height: 600px;
        }

        .feature-main-item {
          width: 200px;
        }

        .supportedPlatforms-main-img {
          width: 104px;
          margin: 0 6px;
        }

        .mobileDownListBox {
          flex-flow: column;
        }

        .qrcodeBox {
          margin-top: 10px;
        }
      }

      @media screen and (max-width: 1000px) {
        body::before {
          width: 179px;
          height: 262px;
        }

        body::after {
          width: 179px;
          height: 262px;
        }

        main {
          flex-flow: column;
        }

        .limitedTimeEvent-content {
          border-radius: 32px;
        }

        .downloadBox {
          flex-flow: column;
          padding: 16px;
        }

        .slogan-content {
          font-size: 16px;
        }

        .leftBox {
          width: 100%;
          max-width: 400px;
          padding-top: 48px;
        }

        .title {
          font-size: 32px;
        }

        .rightBox {
          margin-top: 96px;
        }

        .rightBox-img {
          width: 100%;
          height: auto;
        }

        .mobileDown-list,
        .pcDown-list {
          width: 100%;
        }

        .mobileDown-item,
        .pcDown-item {
          width: 100%;
          margin-right: 0;
        }

        .mobileDownListBox {
          flex-flow: column;
        }

        .downloadList {
          width: 100%;
        }

        .feature {
          padding-top: 64px;
        }

        .feature-main-item {
          width: 280px;
        }

        .feature-main-item:nth-child(2) {
          margin-top: 0px;
        }

        .feature-main-item:nth-child(4) {
          margin-top: 0px;
        }

        .feature-main-item:nth-child(5) {
          margin-top: 0px;
        }

        .feature-main-item:nth-child(7) {
          margin-top: 0px;
        }

        .feature-main-item-imgBox-title {
          font-size: 16px;
          line-height: 22px;
        }

        .supportedPlatforms {
          display: none;
        }

        .supportedApp {
          margin-top: 64px;
        }

        .supportedApp-header-title,
        .fqaBox-header-title {
          font-size: 32px;
          font-weight: 700;
          line-height: 40px;
        }

        .supportedApp-header-subtitle {
          font-size: 18px;
          font-weight: 400;
          line-height: 32px;
        }

        .supportedApp-scroll-imgBox {
          width: auto;
        }

        .tryFirstPayLater {
          flex-wrap: wrap-reverse;
          padding: 0 16px;
          margin-top: 64px;
        }

        .tryFirstPayLater-main {
          margin: 0;
          margin-bottom: 52px;
        }

        .tryFirstPayLater-imgBox-img {
          width: 100%;
        }

        .fqaBox {
          margin-top: 64px;
        }

        .fqaBox-main-item {
          width: 650px;
        }

        .fqaBox-main-item-title {
          font-size: 18px;
          font-weight: 700;
          line-height: 25.2px;
        }

        .fqaBox-main-item-content {
          font-size: 16px;
          font-weight: 400;
          line-height: 25.6px;
        }

        .listBox {
          width: 100%;
          flex-flow: column;
        }

        .isWindowsAndroid {
          flex-flow: column-reverse;
        }
      }

      @media screen and (max-width: 700px) {
        .feature-main-item {
          width: 200px;
        }

        .fqaBox-main-item {
          width: 450px;
        }
      }

      @media screen and (max-width: 530px) {
        .feature-main-item {
          width: 150px;
        }

        .fqaBox-main-item {
          width: 350px;
        }

        .fqaBox-main-item-title p {
          width: 255px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }

        .downloadList-item-content {
          font-size: 14px;
        }
      }

      @media screen and (max-width: 420px) {
        .feature-main-item {
          margin: 0px 10px 16px;
        }

        .fqaBox-main-item {
          width: 335px;
        }

        .downloadList-item-content {
          font-size: 13px;
        }

        .slogan-content-subtitle {
          font-size: 14px;
        }
      }

      @media screen and (max-width: 374px) {
        .feature-main-item {
          width: 132px;
          margin: 0px 4px 16px;
        }

        .fqaBox-main-item {
          width: 300px;
        }

        .downloadList-item-content {
          font-size: 12px;
        }
      }

      .my-element {
        display: inline-block;
        animation: zoomInDown 1s, heartBeat 1.5s 1s;
      }

      .row {
        display: flex;
        flex-wrap: wrap;
        /* justify-content: space-between;
            align-items: center; */
      }

      .items-center,
      .flex-center {
        align-items: center;
      }

      .Menu {
        font-size: 16px;
      }

      .navbar-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 80px;
        max-width: 1920px;
        margin: 0 auto;
        flex-wrap: nowrap;
        overflow: hidden;
      }

      a {
        color: var(--Grayscale-900);
      }
      .open-DropDown-imgs > li {
        line-height: 160%;
        color: var(--Grayscale-800);
      }
      .open-DropDown > li {
        line-height: 160%;
        color: var(--Grayscale-800);
        margin-bottom: 24px;
        margin-left: 24px;
      }
      .BurgerMenu-login-btn {
        border-radius: 8px;
        background-color: var(--Orange-50);
        text-align: center;
        color: var(--Orange-400);
        margin-bottom: 8px;
      }
      .BurgerMenu-login-btn a {
        padding: 10px 24px;
        display: block;
        color: var(--Orange-400);
      }
      .BurgerMenu-login-btn a:active {
        background: #ffdbaf;
        transform: scale(0.97);
      }
      .BurgerMenu-register-btn {
        border-radius: 8px;
        text-align: center;
        background-color: var(--Orange-400);
        color: var(--Neutral-White);
        margin-bottom: 8px;
      }
      .BurgerMenu-register-btn a {
        padding: 10px 24px;
        display: block;
        color: var(--Neutral-White);
      }
      .BurgerMenu-register-btn a:active {
        background: #fc8f0d;
        transform: scale(0.97);
      }
      .BurgerMenuDropDown {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
        color: var(--Grayscale-800);
        margin-bottom: 24px;
      }
      .BurgerMenuDropDown:hover {
        cursor: pointer;
      }
      .BurgerMenu-path {
        font-size: 16px;
        color: var(--Grayscale-800);
        margin-bottom: 24px;
      }
      .BurgerMenuDropDown > span > svg {
        display: flex;
        align-items: center;
      }
      .crossBurgerMenu {
        text-align: end;
        margin: 16px -16px 0 0;
      }
      .closeIcon:hover {
        cursor: pointer;
      }
      .NavBar {
        position: relative;
      }
      .openBurgerMenu {
        position: fixed;
        background-color: var(--Neutral-White);
        z-index: 999;
        width: 300px;
        height: 100%;
        padding: 0 24px 24px;
        top: 0;
        transform: translateX(-300px);
        transition-duration: 0.3s;
      }
      .offBurgerMenu {
        transform: translateX(0px);
        overflow-y: auto;
      }
      .backdropStyle {
        display: none;
      }
      .backdrop {
        background-color: rgba(0, 0, 0, 0.6);
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 998;
        display: block;
      }
      .language-family {
        top: 41px;
        box-shadow: 0px 6px 8px -4px rgba(22, 52, 80, 0.12),
          0px 8px 16px -4px rgba(22, 52, 80, 0.08);
        border-radius: 8px;
        padding: 15px 12px 0;
        z-index: 999;
        background-color: var(--Neutral-White);
        font-size: 16px;
        color: var(--grayscale-600);
        min-width: 88px;
        margin-bottom: -14px;
        text-align: center;
        left: -15px;
      }
      .language-family > li {
        margin-bottom: 14px;
      }
      .navbar-menu-function {
        width: 64.4%;
        box-shadow: 0px 6px 8px -4px rgba(22, 52, 80, 0.12),
          0px 8px 16px -4px rgba(22, 52, 80, 0.08);
        border-radius: 8px;
        position: absolute;
        left: 16.3%;
        background-color: var(--Neutral-White);
        z-index: 999;
        display: none;
        padding: 24px;
        /*edited*/
        top: 72px;
        margin-top: 8px;
      }
      .navbarMenu {
        height: 80px;
        display: flex;
        align-items: center;
        line-height: 24px;
      }
      .open-DropDown span,
      .navbar-menu-title span {
        padding-right: 15.5px;
      }
      .navbarMenu:hover,
      .navbar-menu-title > ul > li a:hover {
        color: var(--Orange-400);
      }
      .navbarMenu-download:hover .navbar-menu-download,
      .navbarMenu-function:hover .navbar-menu-function {
        display: flex;
      }

      .navbar-menu-download.force-hide {
        display: none !important;
      }
      .Menu {
        font-size: 16px;
      }

      .openBurgerMenu *,
      .navbar-content * {
        list-style: none;
        font-family: Noto Sans SC, pingfang sc, microsoft yahei,
          hiragino sans gb, sans-serif;
        font-style: normal;
        text-decoration: none;
        direction: ltr;
        unicode-bidi: isolate;
        -webkit-font-smoothing: antialiased;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        text-size-adjust: 100%;
      }

      .navbar-menu-freeService {
        width: 42%;
        box-shadow: 0px 6px 8px -4px rgba(22, 52, 80, 0.12),
          0px 8px 16px -4px rgba(22, 52, 80, 0.08);
        border-radius: 8px;
        background-color: var(--Neutral-White);
        position: absolute;
        top: 112px;
        left: 13.35%;
        z-index: 999;
        padding: 24px;
        display: none;
      }
      .navbarMenu-freeService:hover .navbar-menu-freeService {
        display: flex;
      }
      .navbar-menu-makeMoney {
        width: 220px;
        box-shadow: 0px 6px 8px -4px rgba(22, 52, 80, 0.12),
          0px 8px 16px -4px rgba(22, 52, 80, 0.08);
        border-radius: 8px;
        background-color: var(--Neutral-White);
        position: absolute;
        top: 112px;
        left: 34.5%;
        z-index: 999;
        padding: 24px;
        display: none;
      }
      .navbarMenu-makeMoney:hover .navbar-menu-makeMoney {
        display: flex;
      }
      .navbar-menu-download {
        width: 552px;
        box-shadow: 0px 6px 8px -4px rgba(22, 52, 80, 0.12),
          0px 8px 16px -4px rgba(22, 52, 80, 0.08);
        border-radius: 8px;
        background-color: var(--Neutral-White);
        position: absolute;
        left: 40%;
        z-index: 999;
        padding: 24px;
        display: none;
        /*edited*/
        top: 72px;
        margin-top: 8px;
      }

      .download-wrap {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: -16px;
      }
      .download-wrap > div {
        margin-bottom: 16px;
        cursor: pointer;
      }
      .mr-16 {
        margin-right: 16px;
      }
      .navbar-menu-title {
        width: 33%;
        margin: 0 5px;
      }
      .navbar-menu-makeMoney-title {
        width: 100%;
      }
      .navbar-menu-title > ul {
        font-weight: 700;
        color: var(--Orange-400);
      }
      .navbar-menu-title > ul > li {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: var(--Grayscale-400);
        padding-top: 16px;
        display: flex;
        align-items: center;
      }
      .navbar-menu-title > ul > li:hover {
        color: var(--Grayscale-700);
      }
      .Login > a {
        color: var(--Grayscale-900);
      }
      .NavBarTop {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 32px;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;
        letter-spacing: 0px;
        text-align: left;
        background-color: var(--Grayscale-900);
      }
      .NavBarTop-content {
        max-width: 1920px;
        margin: 0 auto;
      }
      .nationImgWrap {
        display: flex;
        align-items: center;
      }
      .NavBarTopIp {
        margin: 0 32px;
      }
      .nation {
        margin-right: 8px;
      }
      .nationImg {
        width: 22.4px;
        height: 16px;
        display: block;
      }
      .nationImg > img {
        width: 100%;
        height: 100%;
      }
      .Grayscale400 {
        color: var(--Grayscale-400);
        display: flex;
      }
      .Red900 {
        color: var(--Red-900);
      }
      .navbar-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 80px;
        max-width: 1920px;
        margin: 0 auto;
      }
      .homeLogo {
        padding-left: 184px;
        padding-right: 80px;
      }
      .homeLogoImg:hover {
        cursor: pointer;
      }
      .navBarDropDown {
        display: flex;
        align-items: center;
        padding-left: 5.53px;
        cursor: pointer;
      }
      .BurgerMenu {
        display: none;
      }
      .BurgerMenu:hover {
        cursor: pointer;
      }
      .registerBtn {
        background-color: var(--Orange-400);
        border-radius: 8px;
        width: 120px;
        height: 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 10px 24px;
        color: #fff;
        margin: 0 32px 0 0;
        cursor: pointer;
      }
      .registerBtn:hover {
        background: #fd9a26;
      }
      .registerBtn:active {
        background: #fc8f0d;
        transform: scale(0.97);
      }
      .loginBtn {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 8px;
        width: 120px;
        height: 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 10px 24px;
        color: black;
        cursor: pointer;
      }
      .loginBtn:hover {
        background: #f2f2f2;
      }
      .loginBtn:active {
        background: #e6e6e6;
        transform: scale(0.97);
      }
      .navbarMenu {
        margin-right: 32px;
      }
      .navbarMenu:hover {
        cursor: pointer;
      }
      .navbarLogin {
        margin-right: 45px;
      }
      .download-img {
        margin: 5px 4px;
      }
      .download-btn {
        text-transform: none;
        width: 244px;
        height: 48px;
        background: #ececec;
        border: none;
        border-radius: 8px;
        cursor: pointer;
      }
      .installationInstructions {
        background: none;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .tutorialBtn .download-btn {
        background: none;
        color: rgba(253, 166, 63, 1);
        font-size: 14px;
        font-weight: 400;
        text-decoration: underline;
      }
      .download-btn::before {
        box-shadow: none;
      }
      .download-btn-text {
        padding: 0 10px 0 10px;
        font-size: 15px;
        font-weight: 500;
        color: #6a6a6a;
      }
      .downloadPageBtn {
        width: 100%;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .downloadPageBtn-content {
        color: #fda63f;
      }
      @media (max-width: 1700px) {
        .navbar-menu-makeMoney {
          left: 40%;
        }
      }
      @media (max-width: 1600px) {
        /* .navbarLogin {
		 margin-right: 160px;
	}
	 */
        .navbar-menu-freeService {
          left: 20%;
        }
      }
      @media (max-width: 1500px) {
        .navbarMenu {
          margin-right: 16px;
        }
      }
      @media (max-width: 1440px) {
        .navbarLogin {
          margin: 0;
        }
        .homeLogo {
          padding-left: 92px;
        }
      }
      @media (max-width: 1280px) {
        .homeLogo {
          padding-left: 60px;
          padding-right: 40px;
        }
      }
      @media (max-width: 1140px) {
        .homeLogo {
          padding: 0px;
          margin-right: 20px;
        }
        .navbar-menu-function {
          left: 10%;
        }
      }
      @media (max-width: 1200px) {
        .registerBtn,
        .Login {
          display: none;
        }
        .BurgerMenu {
          display: flex;
          margin-left: 28px;
        }
        .Menu {
          display: none;
        }
        .userInfo {
          display: none;
        }
        .navbar-menu-function,
        .navbar-menu-freeService,
        .navbar-menu-makeMoney,
        .navbar-menu-download {
          display: none;
        }
        .navbar-content {
          padding: 0 16px;
        }
        .homeLogo {
          padding: 0px;
        }
      }
      @media (min-width: 1200px) {
        .openBurgerMenu {
          display: none;
        }
        .backdrop {
          display: none;
        }
      }
      @media (max-width: 500px) {
        .nationImgWrap {
          display: none;
        }
        .NavBarTop {
          justify-content: space-between;
          padding: 0 12px 0 48px;
        }
      }
      @media (max-width: 375px) {
        .offBurgerMenu {
          width: 80%;
        }
        .download-btn {
          width: 100%;
          height: auto;
        }
        .download-img {
          width: 100%;
        }
      }

      .q-btn {
        display: flex;
        align-items: center;
        justify-content: center;
      }
      /* @media (max-width: 386px) {
	 .BurgerMenu {
		 position: relative;
		 top: -17px;
		 right: -100px;
	}
}
 */
      .mobileQrCodePop {
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        background: rgba(0, 0, 0, 0.56);
      }
      .mobileQrCodePop-qrCodeBox {
        width: 544px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        padding: 40px 20px;
        border-radius: 8px;
        display: flex;
        flex-flow: column;
        align-items: center;
      }
      .mobileQrCodePop-qrCodeBox-hand {
        width: 100%;
        color: #131313;
        font-size: 32px;
        font-weight: 700;
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
      }
      .mobileQrCodePop-qrCodeBox-main .qrcode,
      .mobileQrCodePop-qrCodeBox-hand .closeBtn {
        cursor: pointer;
      }
      .mobileQrCodePop-qrCodeBox-main {
        width: min-content;
        padding: 24px;
        border: 1px solid #e2e2e2;
        border-radius: 4px;
        display: flex;
        flex-flow: column;
        align-items: center;
      }
      .mobileQrCodePop-qrCodeBox-main span {
        font-size: 16px;
        font-weight: 400;
        margin-top: 12px;
        color: #6a6a6a;
      }
      .mobileQrCodePop-qrCodeBox-main .tutorialBtn {
        cursor: pointer;
        width: max-content;
        background: #fff2e2;
        padding: 10px 24px;
        margin-top: 12px;
        border-radius: 8px;
        color: #fda63f;
      }

      @media (max-width: 768px) {
        .mobileQrCodePop-qrCodeBox {
          width: 300px;
        }
        .mobileQrCodePop-qrCodeBox-hand {
          font-size: 20px;
        }
      }

      .block {
        display: block;
      }
      .hidden {
        display: none;
      }

      .cursor-pointer {
        cursor: pointer;
      }
      .icon-arrow {
        transition: transform 0.3s ease;
      }

      .BurgerMenuDropDown.active .icon-arrow {
        transform: rotate(180deg);
      }

      .m-0 {
        margin: 0;
      }
      .text-black {
        color: black;
      }

      /* @media (min-height: 1180px) {
            main {
                margin-top: 200px;
            }
        }

        @media (min-height: 1366px) {
            main {
                margin-top: 300px;
            }
        } */
    </style>
  </head>

  <body>
    <header> <meta name="keywords" content="keywords_temp" />
<meta name="description" content="description_temp" />

      <div class="navbar-content">
        <div class="row items-center">
          <div class="homeLogo">
            
          </div>
          <div class="row Menu">
            <a
              aria-current="page"
              href="https://www.skytreevpn.com/"
              class="text-black"
            >
              <div class="navbarMenu">首页</div>
            </a>
            <div class="row navbarMenu navbarMenu-function">
              功能
              <div class="navbar-menu-function">
                <div class="navbar-menu-title">
                  <ul>
                    关于天空树VPN
                    <li>
                      <a
                        href="https://www.skytreevpn.com/ourscharacteristic"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        为什么说天空树VPN是最好的VPN？
                      </a>
                    </li>
                    <li>
                      <a
                        href="https://www.skytreevpn.com/choosevpn"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        选择零日志的VPN有多重要？
                      </a>
                    </li>
                    <li>
                      <a
                        href="https://www.skytreevpn.com/protocol"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        天空树VPN的ST协议
                      </a>
                    </li>
                    <li>
                      <a
                        href="https://www.skytreevpn.com/freevpn"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        我们的免费VPN计划
                      </a>
                    </li>
                    <li>
                      <a
                        href="https://www.skytreevpn.com/paidservice"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        我们的付费服务有什么特权？
                      </a>
                    </li>
                    <li>
                      <a
                        href="https://www.skytreevpn.com/grouppayment"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        针对团队和企业客户的付费服务和高级定制支持！
                      </a>
                    </li>
                    
                  </ul>
                </div>
                <div class="navbar-menu-title">
                  <ul>
                    天空树VPN功能
                    <li>
                      <a
                        href="https://www.skytreevpn.com/function"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        智能连接 / 分流模式
                      </a>
                    </li>
                    <li>
                      <a
                        href="https://www.skytreevpn.com/functionvpn"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        更快速和更安全的多跳式VPN
                      </a>
                    </li>
                    <li>
                      <a
                        href="https://www.skytreevpn.com/vipserve"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        VIP服务：精品线路/专属IP/独享专线
                      </a>
                    </li>
                    <li>
                      <a
                        href="https://www.skytreevpn.com/exclusivevip"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        专属IP特性
                      </a>
                    </li>
                    
                    
                    <li>
                      <a
                        href="https://www.skytreevpn.com/safetyswitch"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        安全开关：掉线保护避免暴露您的真实IP
                      </a>
                    </li>
                    <li>
                      <a
                        href="https://www.skytreevpn.com/sharevpn"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        VPN共享：多设备和跨设备使用
                      </a>
                    </li>
                  </ul>
                </div>
                <div class="navbar-menu-title">
                  <ul>
                    商业级服务
                    <li>
                      <a
                        href="https://www.skytreevpn.com/business"
                        class="Grayscale400"
                      >
                        <span>
                          <svg
                            width="5"
                            height="10"
                            viewBox="0 0 8 12"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                              fill="#3B3B3B"
                            ></path>
                          </svg>
                        </span>
                        商业级定制：
                        <br />
                        企业专用网部属 / VPN SDK集成
                      </a>
                    </li>
                    
                    
                  </ul>
                </div>
              </div>
              <div class="navBarDropDown">
                <svg
                  width="10"
                  height="6"
                  viewBox="0 0 10 6"
                  fill="currentColor"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M9.47168 1.4714L8.52887 0.528596L5.00028 4.05719L1.47168 0.528596L0.52887 1.4714L5.00028 5.94281L9.47168 1.4714Z"
                    fill="currentColor"
                  ></path>
                </svg>
              </div>
            </div>
            
            
            
            <a
              href="https://www.skytreevpn.com/shareMakeMoney"
              class="text-black"
            >
              <div class="navbarMenu">分享赚钱</div>
            </a>
            
            <div class="row navbarMenu-download navbarMenu">
              下载
              <div class="navbar-menu-download" id="navbar-menu-download">
                
                <div class="download-wrap">
                  
                  <div class="row">
                    <div class="download-img">
                      <button
                        class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                        tabindex="0"
                        type="button"
                        onclick="handleDownloadClick('androidDownloadURL')"
                      >
                        <span class="q-focus-helper"></span>
                        <span
                          class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                        >
                          <img src="image/android.png" alt="" />
                          <div class="download-btn-text">下载 Android</div>
                        </span>
                      </button>
                    </div>
                    <div class="download-img">
                      <button
                        class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                        tabindex="0"
                        type="button"
                        onclick="handleDownloadClick('iosDownloadURL')"
                      >
                        <span class="q-focus-helper"></span>
                        <span
                          class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                        >
                          <img src="image/apple-logo.png" alt="" />
                          <div class="download-btn-text">下载 iOS</div>
                        </span>
                      </button>
                    </div>
                    <div class="download-img">
                      <button
                        class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                        tabindex="0"
                        type="button"
                        onclick="handleDownloadClick('windowsDownloadURL')"
                      >
                        <span class="q-focus-helper"></span>
                        <span
                          class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                        >
                          <img src="image/windows.png" alt="" />
                          <div class="download-btn-text">
                            下载 Windows (x64)
                          </div>
                        </span>
                      </button>
                    </div>
                    <div class="download-img">
                      <button
                        class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                        tabindex="0"
                        type="button"
                        onclick="handleDownloadClick('windowsARMDownloadURL')"
                      >
                        <span class="q-focus-helper"></span>
                        <span
                          class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                        >
                          <img src="image/windows.png" alt="" />
                          <div class="download-btn-text">
                            下载 Windows (ARM64 )
                          </div>
                        </span>
                      </button>
                    </div>
                    <div class="download-img">
                      <button
                        class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                        tabindex="0"
                        type="button"
                        onclick="handleDownloadClick('macIntelDownloadURL')"
                      >
                        <span class="q-focus-helper"></span>
                        <span
                          class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                        >
                          <img src="image/finder.png" alt="" />
                          <div class="download-btn-text">下载 Mac(intel)</div>
                        </span>
                      </button>
                    </div>
                    <div class="download-img">
                      <button
                        class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                        tabindex="0"
                        type="button"
                        onclick="handleDownloadClick('macSiliconDownloadURL')"
                      >
                        <span class="q-focus-helper"></span>
                        <span
                          class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                        >
                          <img src="image/finder.png" alt="" />
                          <div class="download-btn-text">下载 Mac(ARM)</div>
                        </span>
                      </button>
                    </div>
                    <div class="download-img">
                      <a
                        class="download-btn installationInstructions"
                        target="_blank"
                        href="https://www.skytreevpn.com/downloads/video/mac_install.mp4"
                      >
                        Mac 安裝教學影片
                      </a>
                    </div>
                    <div class="download-img">
                      <a
                        class="download-btn installationInstructions"
                        target="_blank"
                        href="https://www.skytreevpn.com/downloads/video/install.pdf"
                      >
                        Mac 安裝教學文檔
                      </a>
                    </div>
                    <a
                      href="https://www.skytreevpn.com/download"
                      class="download-img downloadPageBtn"
                    >
                      <div class="download-btn-text downloadPageBtn-content">
                        免費下載VPN
                      </div>
                    </a>
                  </div>
                </div>
              </div>
              <div class="navBarDropDown">
                <svg
                  width="10"
                  height="6"
                  viewBox="0 0 10 6"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M9.47168 1.4714L8.52887 0.528596L5.00028 4.05719L1.47168 0.528596L0.52887 1.4714L5.00028 5.94281L9.47168 1.4714Z"
                    fill="currentColor"
                  ></path>
                </svg>
              </div>
            </div>
            
            
          </div>
        </div>

        <div class="row items-center navbarLogin">
          <div class="Login">
            <div style="margin-right: 4px">
              
            </div>
          </div>
          <div>
            <div>
              
            </div>
          </div>
          <div class="BurgerMenu" onclick="toggleSidebar()">
            <svg
              width="32"
              height="32"
              viewBox="0 0 32 32"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M5.33337 9.33333C5.33337 8.59695 5.93033 8 6.66671 8H25.3334C26.0698 8 26.6667 8.59695 26.6667 9.33333C26.6667 10.0697 26.0698 10.6667 25.3334 10.6667H6.66671C5.93033 10.6667 5.33337 10.0697 5.33337 9.33333Z"
                fill="#222222"
              ></path>
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M5.33337 15.9998C5.33337 15.2635 5.93033 14.6665 6.66671 14.6665H25.3334C26.0698 14.6665 26.6667 15.2635 26.6667 15.9998C26.6667 16.7362 26.0698 17.3332 25.3334 17.3332H6.66671C5.93033 17.3332 5.33337 16.7362 5.33337 15.9998Z"
                fill="#222222"
              ></path>
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M5.33337 22.6668C5.33337 21.9304 5.93033 21.3335 6.66671 21.3335H25.3334C26.0698 21.3335 26.6667 21.9304 26.6667 22.6668C26.6667 23.4032 26.0698 24.0002 25.3334 24.0002H6.66671C5.93033 24.0002 5.33337 23.4032 5.33337 22.6668Z"
                fill="#222222"
              ></path>
            </svg>
          </div>
        </div>
      </div>
      <div class="openBurgerMenu offBurgerMenu hidden" id="sidebar">
        <div class="crossBurgerMenu" onclick="toggleSidebar()">
          <svg
            class="closeIcon"
            width="24"
            height="24"
            viewBox="0 0 24 24"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <g opacity="0.5">
              <path
                d="M18 6L6 18"
                stroke="#484848"
                stroke-width="2"
                stroke-linecap="round"
                stroke-linejoin="round"
              ></path>
              <path
                d="M6 6L18 18"
                stroke="#484848"
                stroke-width="2"
                stroke-linecap="round"
                stroke-linejoin="round"
              ></path>
            </g>
          </svg>
        </div>
        
        <div class="BurgerMenuDropDown" onClick="toggleMenu(this)">
          关于天空树VPN
          <span>
            <svg
              class="icon-arrow"
              width="20"
              height="20"
              viewBox="0 0 20 20"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M15.5892 8.08945L14.4107 6.91094L9.99998 11.3217L5.58923 6.91094L4.41072 8.08945L9.99998 13.6787L15.5892 8.08945Z"
                fill="#222222"
              ></path>
            </svg>
          </span>
        </div>
        <ul class="open-DropDown hidden">
          
          <li>
            <a
              href="https://www.skytreevpn.com/ourscharacteristic"
              class="Grayscale400"
            >
              <span>
                <svg
                  width="5"
                  height="10"
                  viewBox="0 0 8 12"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                    fill="#3B3B3B"
                  ></path>
                </svg>
              </span>
              为什么说天空树VPN是最好的VPN？
            </a>
          </li>
          <li>
            
          </li>
          <li>
            
          </li>
          <li>
            
          </li>
          <li>
            <a
              href="https://www.skytreevpn.com/paidservice"
              class="Grayscale400"
            >
              <span>
                <svg
                  width="5"
                  height="10"
                  viewBox="0 0 8 12"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                    fill="#3B3B3B"
                  ></path>
                </svg>
              </span>
              我们的付费服务有什么特权？
            </a>
          </li>
          <li>
            <a
              href="https://www.skytreevpn.com/grouppayment"
              class="Grayscale400"
            >
              <span>
                <svg
                  width="5"
                  height="10"
                  viewBox="0 0 8 12"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                    fill="#3B3B3B"
                  ></path>
                </svg>
              </span>
              针对团队和企业客户的付费服务和高级定制支持！
            </a>
          </li>
          
        </ul>
        <div class="BurgerMenuDropDown" onClick="toggleMenu(this)">
          天空树VPN功能
          <span>
            <svg
              class="icon-arrow"
              width="20"
              height="20"
              viewBox="0 0 20 20"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M15.5892 8.08945L14.4107 6.91094L9.99998 11.3217L5.58923 6.91094L4.41072 8.08945L9.99998 13.6787L15.5892 8.08945Z"
                fill="#222222"
              ></path>
            </svg>
          </span>
        </div>
        <ul class="open-DropDown hidden">
          <li>
            
          </li>
          <li>
            <a
              href="https://www.skytreevpn.com/functionvpn"
              class="Grayscale400"
            >
              <span>
                <svg
                  width="5"
                  height="10"
                  viewBox="0 0 8 12"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                    fill="#3B3B3B"
                  ></path>
                </svg>
              </span>
              更快速和更安全的多跳式VPN
            </a>
          </li>
          <li>
            
          </li>
          <li>
            <a
              href="https://www.skytreevpn.com/exclusivevip"
              class="Grayscale400"
            >
              <span>
                <svg
                  width="5"
                  height="10"
                  viewBox="0 0 8 12"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                    fill="#3B3B3B"
                  ></path>
                </svg>
              </span>
              专属IP特性
            </a>
          </li>
          
          
          <li>
            <a
              href="https://www.skytreevpn.com/safetyswitch"
              class="Grayscale400"
            >
              <span>
                <svg
                  width="5"
                  height="10"
                  viewBox="0 0 8 12"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                    fill="#3B3B3B"
                  ></path>
                </svg>
              </span>
              安全开关：掉线保护避免暴露您的真实IP
            </a>
          </li>
          <li>
            <a
              aria-current="page"
              href="https://www.skytreevpn.com/sharevpn"
              class="Grayscale400"
            >
              <span>
                <svg
                  width="5"
                  height="10"
                  viewBox="0 0 8 12"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.5 6L7.20711 5.29289L7.91421 6L7.20711 6.70711L6.5 6ZM2.20711 0.292893L7.20711 5.29289L5.79289 6.70711L0.792893 1.70711L2.20711 0.292893ZM7.20711 6.70711L2.20711 11.7071L0.792893 10.2929L5.79289 5.29289L7.20711 6.70711Z"
                    fill="#3B3B3B"
                  ></path>
                </svg>
              </span>
              VPN共享：多设备和跨设备使用
            </a>
          </li>
        </ul>
        <div class="BurgerMenuDropDown" onClick="toggleMenu(this)">
          商业级服务
          <span>
            <svg
              class="icon-arrow"
              width="20"
              height="20"
              viewBox="0 0 20 20"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M15.5892 8.08945L14.4107 6.91094L9.99998 11.3217L5.58923 6.91094L4.41072 8.08945L9.99998 13.6787L15.5892 8.08945Z"
                fill="#222222"
              ></path>
            </svg>
          </span>
        </div>
        <ul class="open-DropDown hidden">
          <li>
            
          </li>
          
          
        </ul>
        
        
        
        
        
        
        
        
        <div class="BurgerMenuDropDown" onClick="toggleMenu(this)">
          下载
          <span>
            <svg
              class="icon-arrow"
              width="20"
              height="20"
              viewBox="0 0 20 20"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M15.5892 8.08945L14.4107 6.91094L9.99998 11.3217L5.58923 6.91094L4.41072 8.08945L9.99998 13.6787L15.5892 8.08945Z"
                fill="#222222"
              ></path>
            </svg>
          </span>
        </div>
        
        <ul class="open-DropDown m-0 hidden">
          
          <div class="row q-mb-lg">
            <div class="download-img">
              <button
                class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                tabindex="0"
                type="button"
                onclick="handleDownloadClick('androidDownloadURL')"
              >
                <span class="q-focus-helper" tabindex="-1"></span>
                <span
                  class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                >
                  <img src="image/android.png" alt="" />
                  <div class="download-btn-text">下载 Android</div>
                </span>
              </button>
            </div>
            <div class="download-img">
              <button
                class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                tabindex="0"
                type="button"
                onclick="handleDownloadClick('iosDownloadURL')"
              >
                <span class="q-focus-helper"></span>
                <span
                  class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                >
                  <img src="image/apple-logo.png" alt="" />
                  <div class="download-btn-text">下载 iOS</div>
                </span>
              </button>
            </div>
            <div class="download-img tutorialBtn">
              <button
                class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                tabindex="0"
                type="button"
                onclick="tutorialOpen()"
              >
                <span class="q-focus-helper"></span>
                <span
                  class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                >
                  观看安装教程
                  
                </span>
              </button>
            </div>
            <div class="download-img">
              <button
                class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                tabindex="0"
                type="button"
                onclick="handleDownloadClick('windowsDownloadURL')"
              >
                <span class="q-focus-helper"></span>
                <span
                  class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                >
                  <img src="image/windows.png" alt="" />
                  <div class="download-btn-text">下载 Windows (x64)</div>
                </span>
              </button>
            </div>
            <div class="download-img">
              <button
                class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                tabindex="0"
                type="button"
                onclick="handleDownloadClick('windowsARMDownloadURL')"
              >
                <span class="q-focus-helper"></span>
                <span
                  class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                >
                  <img src="image/windows.png" alt="" />
                  <div class="download-btn-text">下载 Windows (ARM64)</div>
                </span>
              </button>
            </div>
            <div class="download-img">
              <button
                class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                tabindex="0"
                type="button"
                onclick="handleDownloadClick('macIntelDownloadURL')"
              >
                <span class="q-focus-helper"></span>
                <span
                  class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                >
                  <img src="image/finder.png" alt="" />
                  <div class="download-btn-text">下载 Mac(intel)</div>
                </span>
              </button>
            </div>
            <div class="download-img">
              <button
                class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable download-btn"
                tabindex="0"
                type="button"
                onclick="handleDownloadClick('macSiliconDownloadURL')"
              >
                <span class="q-focus-helper"></span>
                <span
                  class="q-btn__content text-center col items-center q-anchor--skip justify-center row"
                >
                  <img src="image/finder.png" alt="" />
                  <div class="download-btn-text">下载 Mac(ARM)</div>
                </span>
              </button>
            </div>
            <div class="download-img">
              <a
                class="download-btn installationInstructions"
                target="_blank"
                href="https://www.skytreevpn.com/downloads/video/mac_install.mp4"
              >
                Mac 安裝教學影片
              </a>
            </div>
            <div class="download-img">
              <a
                class="download-btn installationInstructions"
                target="_blank"
                href="https://www.skytreevpn.com/downloads/video/install.pdf"
              >
                Mac 安裝教學文檔
              </a>
            </div>
            <a
              href="https://www.skytreevpn.com/download"
              class="download-img downloadPageBtn"
            >
              <div class="download-btn-text downloadPageBtn-content">
                免費下載VPN
              </div>
            </a>
          </div>
        </ul>
        
        
        <div class="BurgerMenu-login-btn">
          <div>
            
          </div>
        </div>
        <div>
          <div class="BurgerMenu-register-btn">
            
          </div>
        </div>
      </div>
      <div
        class="backdrop hidden"
        id="sidebarBackdrop"
        onclick="toggleSidebar()"
      ></div>
    </header>

    <main>
      <div class="downloadBox">
        <div class="leftBox">
          <div class="partners">
            <svg
              width="104"
              height="40"
              viewBox="0 0 104 40"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10.5648 28.6931C7.65845 28.6931 5.30309 26.337 5.30309 23.4314C5.30309 20.5251 7.65928 18.1697 10.5648 18.1697V13.8645C5.28052 13.8645 0.99707 18.148 0.99707 23.4323C0.99707 28.7166 5.28052 33 10.5648 33C15.8491 33 20.1325 28.7166 20.1325 23.4323H15.8274C15.8265 26.337 13.4703 28.6931 10.5648 28.6931Z"
                fill="#2354E6"
              />
              <path
                d="M15.8264 18.1689H10.5647V23.4306H15.8264V18.1689Z"
                fill="#17E6A1"
              />
              <path
                d="M51.5816 17.1764H49.3759V19.5502H48.054V21.6313H49.3759V27.0786C49.3759 27.6413 49.4461 28.1146 49.5866 28.4858C49.7245 28.8537 49.9361 29.1413 50.1869 29.3654C50.4411 29.5937 50.7404 29.7709 51.0941 29.8721C51.4536 29.9733 51.8508 30.0126 52.2697 30.0126C52.7036 30.0126 53.0907 29.9674 53.421 29.8779C53.7279 29.796 54.0214 29.6789 54.2948 29.5309V27.8537C53.86 28.0418 53.4528 28.1104 52.9887 28.1313C52.4988 28.1539 52.2086 28.0142 51.9678 27.7843C51.7153 27.5435 51.5807 27.2299 51.5807 26.7032V21.6304H54.2948V19.5493H51.5807V17.1764H51.5816Z"
                fill="black"
              />
              <path
                d="M29.3266 22.6386V25.0926H32.6452C32.4721 25.7941 32.1293 26.4221 31.6385 26.9246C30.8977 27.6821 29.8701 28.0985 28.7455 28.0985C26.411 28.0985 24.5122 26.1997 24.5122 23.8652C24.5122 21.5308 26.411 19.6319 28.7455 19.6319C29.9955 19.6319 31.1452 20.1671 31.942 21.0901L33.8425 19.5375C32.5824 18.0609 30.7137 17.1779 28.7463 17.1779C25.059 17.1779 22.059 20.1779 22.059 23.8652C22.059 27.5525 25.059 30.5525 28.7463 30.5525C30.5365 30.5525 32.2538 29.8176 33.3935 28.6746C34.4161 27.6495 35.0774 26.1963 35.2062 24.7498C35.2689 24.0441 35.2748 23.3435 35.238 22.6378H29.3266V22.6386Z"
                fill="black"
              />
              <path
                d="M60.3594 19.2375C57.3845 19.2375 54.9714 21.6497 54.9714 24.6255C54.9714 27.6012 57.3845 30.0134 60.3594 30.0134C62.4012 30.0134 64.1771 28.878 65.0918 27.2049L63.101 26.2392C62.5475 27.1773 61.5275 27.8069 60.3602 27.8069C58.8853 27.8069 57.6445 26.8027 57.285 25.4398H63.4355C63.4355 25.4407 63.4347 25.4423 63.4347 25.4432H65.6872C65.7281 25.1765 65.749 24.903 65.749 24.6255C65.7482 21.6497 63.336 19.2375 60.3594 19.2375ZM57.3828 23.5034C57.8368 22.3002 58.9982 21.444 60.3594 21.444C61.7214 21.444 62.8828 22.3002 63.336 23.5034H57.3828Z"
                fill="black"
              />
              <path
                d="M44.5984 20.2868C43.707 19.6329 42.6067 19.2458 41.4169 19.2458C38.442 19.2458 36.0298 21.658 36.0298 24.6329C36.0298 27.6079 38.442 30.0201 41.4169 30.0201C42.6076 30.0201 43.707 29.633 44.5984 28.9791V29.7249H46.804V19.541H44.5984V20.2868ZM41.4161 27.806C39.6594 27.806 38.2346 26.3813 38.2346 24.6246C38.2346 22.8679 39.6585 21.4431 41.4161 21.4431C43.1728 21.4431 44.5975 22.8671 44.5975 24.6246C44.5975 26.3821 43.1736 27.806 41.4161 27.806Z"
                fill="black"
              />
              <path
                d="M74.5649 29.7207H72.3174V16.9297H77.8358C78.5306 16.9297 79.1761 17.0819 79.7731 17.3862C81.4052 18.1296 82.2212 19.4088 82.2212 21.2232C82.2212 22.5752 81.7522 23.6471 80.814 24.4389C79.9855 25.219 78.993 25.6087 77.8358 25.6087H74.5649V29.7207ZM77.8358 23.4163C78.4202 23.4163 78.9261 23.2157 79.3525 22.8135C79.7421 22.4113 79.937 21.8996 79.937 21.2784C79.937 20.852 79.8575 20.4807 79.6995 20.1638C79.2614 19.4699 78.6401 19.122 77.8358 19.122H74.5649V23.4155H77.8358V23.4163Z"
                fill="#2354E6"
              />
              <path
                d="M88.0316 30.0125C86.667 30.0125 85.5006 29.5284 84.5324 28.5601C83.5642 27.5919 83.0801 26.4255 83.0801 25.061C83.0801 23.6847 83.5642 22.5116 84.5324 21.5434C85.5006 20.5752 86.667 20.0911 88.0316 20.0911C89.1645 20.0911 90.157 20.4263 91.0099 21.0961V20.4021H93.0015V29.7207H91.0099V29.0267C90.1579 29.6839 89.1645 30.0125 88.0316 30.0125ZM88.0316 28.0392C88.8602 28.0392 89.5634 27.7466 90.142 27.1621C90.7206 26.5777 91.0099 25.877 91.0099 25.061C91.0099 24.2324 90.7206 23.5292 90.142 22.9506C89.5634 22.372 88.8602 22.0827 88.0316 22.0827C87.2155 22.0827 86.5182 22.372 85.9396 22.9506C85.361 23.5292 85.0717 24.2332 85.0717 25.061C85.0717 25.877 85.361 26.5777 85.9396 27.1621C86.5182 27.7474 87.2155 28.0392 88.0316 28.0392Z"
                fill="#2354E6"
              />
              <path
                d="M96.7842 32.4975C96.0049 32.4975 95.2733 32.3085 94.5919 31.9314L95.3042 30.3419C95.6939 30.5735 96.1144 30.6889 96.5651 30.6889C97.1496 30.6889 97.5885 30.3294 97.8803 29.6112L97.8987 29.5928L94.0618 20.4021H96.2181L98.9037 26.852L101.298 20.4021H103.527L99.8536 29.8854C99.4882 30.8235 99.0743 31.4933 98.6111 31.8955C98.1487 32.2968 97.5392 32.4975 96.7842 32.4975Z"
                fill="#2354E6"
              />
              <path d="M103.526 7H72.3174V15.1998H103.526V7Z" fill="#2354E6" />
              <path
                d="M75.7984 13.7667C75.3084 13.7667 74.8619 13.6463 74.4598 13.4064C74.0568 13.1664 73.7357 12.8445 73.4949 12.4423C73.2549 12.0393 73.1345 11.5928 73.1345 11.1029C73.1345 10.6087 73.2549 10.1597 73.4949 9.7567C73.7349 9.35369 74.0568 9.03262 74.4598 8.79265C74.8619 8.55268 75.3084 8.43228 75.7984 8.43228C76.1721 8.43228 76.5191 8.50168 76.8394 8.63964C77.1596 8.7776 77.4431 8.97074 77.6905 9.21824L77.0718 9.83028C76.7273 9.48078 76.3034 9.30603 75.7984 9.30603C75.3034 9.30603 74.8803 9.48078 74.5283 9.83028C74.1763 10.1789 74.0007 10.6037 74.0007 11.1029C74.0007 11.5978 74.1763 12.0209 74.5283 12.3729C74.8803 12.7249 75.3034 12.9005 75.7984 12.9005C76.3034 12.9005 76.7273 12.7233 77.0718 12.3687L77.683 12.9875C77.4405 13.2299 77.1588 13.4197 76.8394 13.5585C76.52 13.6973 76.1721 13.7667 75.7984 13.7667Z"
                fill="white"
              />
              <path
                d="M82.9012 13.6505H81.8384L80.6888 12.0134H79.4588V13.6505H78.5859V8.55688H81.0307C81.5065 8.55688 81.912 8.72578 82.2498 9.0619C82.5868 9.39969 82.7557 9.80856 82.7557 10.2885C82.7557 10.6522 82.6545 10.9775 82.4538 11.2634C82.2532 11.5494 81.989 11.7584 81.6645 11.8897L82.9012 13.6505ZM81.0307 11.1388C81.2682 11.1388 81.4714 11.0569 81.6386 10.8922C81.8058 10.7266 81.8894 10.5259 81.8894 10.2877C81.8894 10.0452 81.8058 9.84117 81.6386 9.67645C81.4714 9.5109 81.269 9.42896 81.0307 9.42896H79.4588V11.1388H81.0307Z"
                fill="white"
              />
              <path
                d="M85.9212 13.6505H85.019V11.6932L82.9956 8.55688H84.0291L85.4697 10.7985L86.9103 8.55688H87.9438L85.9204 11.6932V13.6505H85.9212Z"
                fill="white"
              />
              <path
                d="M89.4796 13.6505H88.585V8.55688H90.7823C91.059 8.55688 91.3157 8.61708 91.554 8.73916C92.2037 9.03515 92.5289 9.54434 92.5289 10.2668C92.5289 10.8061 92.3425 11.2325 91.9687 11.5477C91.6385 11.8579 91.2438 12.0134 90.7823 12.0134H89.4796V13.6505ZM90.7823 11.1388C91.0156 11.1388 91.2171 11.0594 91.386 10.8989C91.5415 10.7383 91.6192 10.5351 91.6192 10.2868C91.6192 10.1171 91.5875 9.96909 91.5248 9.84368C91.35 9.56692 91.1025 9.42896 90.7823 9.42896H89.4796V11.1388H90.7823Z"
                fill="white"
              />
              <path
                d="M95.4397 13.6505H94.566V9.34201H92.9355V8.55606H97.0693V9.34201H95.4397V13.6505Z"
                fill="white"
              />
              <path
                d="M100.046 13.7667C99.5559 13.7667 99.1086 13.6463 98.7031 13.4064C98.2976 13.1664 97.9748 12.8445 97.7349 12.4423C97.4949 12.0393 97.3745 11.5928 97.3745 11.1029C97.3745 10.6137 97.4949 10.1656 97.7349 9.76088C97.9748 9.3562 98.2976 9.03345 98.7031 8.79265C99.1078 8.55268 99.5551 8.43228 100.046 8.43228C100.537 8.43228 100.982 8.55268 101.385 8.79265C101.788 9.03262 102.109 9.35536 102.349 9.76088C102.589 10.1656 102.709 10.6137 102.709 11.1029C102.709 11.5928 102.589 12.0393 102.349 12.4423C102.109 12.8453 101.787 13.1664 101.385 13.4064C100.982 13.6463 100.536 13.7667 100.046 13.7667ZM100.046 12.9005C100.541 12.9005 100.964 12.7241 101.316 12.3729C101.668 12.0218 101.844 11.5978 101.844 11.1029C101.844 10.6087 101.668 10.1856 101.316 9.83362C100.964 9.48161 100.541 9.30603 100.046 9.30603C99.5459 9.30603 99.122 9.48245 98.7725 9.83362C98.423 10.1856 98.2483 10.6087 98.2483 11.1029C98.2483 11.5978 98.423 12.0209 98.7725 12.3729C99.122 12.7249 99.5459 12.9005 100.046 12.9005Z"
                fill="white"
              />
            </svg>
            <span class="partners-title">合作伙伴</span>
          </div>

          <div class="title">免手机号码和邮箱注册</div>
          <div class="subtitle">
            为了确保匿名性我们支持免手机号码和邮箱注册！
          </div>

          <div class="sloganBox">
            <div class="sloganTitle">为什么选择我们：</div>
            <div class="slogan">
              <svg
                class="slogan-icon"
                width="28"
                height="28"
                viewBox="0 0 28 28"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  fill-rule="evenodd"
                  clip-rule="evenodd"
                  d="M14 27.3333C21.3638 27.3333 27.3334 21.3638 27.3334 14C27.3334 6.6362 21.3638 0.666667 14 0.666667C6.63622 0.666667 0.666687 6.6362 0.666687 14C0.666687 21.3638 6.63622 27.3333 14 27.3333ZM8.27616 14.3905C7.75546 13.8698 6.91124 13.8698 6.39054 14.3905C5.86984 14.9112 5.86984 15.7554 6.39054 16.2761L10.3905 20.2761C10.6406 20.5262 10.9797 20.6667 11.3334 20.6667C11.687 20.6667 12.0261 20.5262 12.2762 20.2761L21.6095 10.9428C22.1302 10.4221 22.1302 9.57789 21.6095 9.05719C21.0888 8.53649 20.2446 8.53649 19.7239 9.05719L11.3334 17.4477L8.27616 14.3905Z"
                  fill="#2E33F4"
                />
              </svg>
              <div class="slogan-content">
                <p class="slogan-content-title">免费使用</p>
                <p class="slogan-content-subtitle">
                  我们提供具有公益性质的永久免费线路，为经济拮据的学生和失业人士提供支持！
                </p>
              </div>
            </div>
            <div class="slogan">
              <svg
                class="slogan-icon"
                width="28"
                height="28"
                viewBox="0 0 28 28"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  fill-rule="evenodd"
                  clip-rule="evenodd"
                  d="M14 27.3333C21.3638 27.3333 27.3334 21.3638 27.3334 14C27.3334 6.6362 21.3638 0.666667 14 0.666667C6.63622 0.666667 0.666687 6.6362 0.666687 14C0.666687 21.3638 6.63622 27.3333 14 27.3333ZM8.27616 14.3905C7.75546 13.8698 6.91124 13.8698 6.39054 14.3905C5.86984 14.9112 5.86984 15.7554 6.39054 16.2761L10.3905 20.2761C10.6406 20.5262 10.9797 20.6667 11.3334 20.6667C11.687 20.6667 12.0261 20.5262 12.2762 20.2761L21.6095 10.9428C22.1302 10.4221 22.1302 9.57789 21.6095 9.05719C21.0888 8.53649 20.2446 8.53649 19.7239 9.05719L11.3334 17.4477L8.27616 14.3905Z"
                  fill="#2E33F4"
                />
              </svg>
              <div class="slogan-content">
                <p class="slogan-content-title">安全浏览</p>
                <p class="slogan-content-subtitle">
                  使用我们的VPN保护您的网络浏览免受第三方监视和攻击！
                </p>
              </div>
            </div>
            <div class="slogan">
              <svg
                class="slogan-icon"
                width="28"
                height="28"
                viewBox="0 0 28 28"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  fill-rule="evenodd"
                  clip-rule="evenodd"
                  d="M14 27.3333C21.3638 27.3333 27.3334 21.3638 27.3334 14C27.3334 6.6362 21.3638 0.666667 14 0.666667C6.63622 0.666667 0.666687 6.6362 0.666687 14C0.666687 21.3638 6.63622 27.3333 14 27.3333ZM8.27616 14.3905C7.75546 13.8698 6.91124 13.8698 6.39054 14.3905C5.86984 14.9112 5.86984 15.7554 6.39054 16.2761L10.3905 20.2761C10.6406 20.5262 10.9797 20.6667 11.3334 20.6667C11.687 20.6667 12.0261 20.5262 12.2762 20.2761L21.6095 10.9428C22.1302 10.4221 22.1302 9.57789 21.6095 9.05719C21.0888 8.53649 20.2446 8.53649 19.7239 9.05719L11.3334 17.4477L8.27616 14.3905Z"
                  fill="#2E33F4"
                />
              </svg>
              <div class="slogan-content">
                <p class="slogan-content-title">零日志记录</p>
                <p class="slogan-content-subtitle">
                  使用我们的VPN您的所有浏览行为都不会被记录！
                </p>
              </div>
            </div>
            <div class="slogan">
              <svg
                class="slogan-icon"
                width="28"
                height="28"
                viewBox="0 0 28 28"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  fill-rule="evenodd"
                  clip-rule="evenodd"
                  d="M14 27.3333C21.3638 27.3333 27.3334 21.3638 27.3334 14C27.3334 6.6362 21.3638 0.666667 14 0.666667C6.63622 0.666667 0.666687 6.6362 0.666687 14C0.666687 21.3638 6.63622 27.3333 14 27.3333ZM8.27616 14.3905C7.75546 13.8698 6.91124 13.8698 6.39054 14.3905C5.86984 14.9112 5.86984 15.7554 6.39054 16.2761L10.3905 20.2761C10.6406 20.5262 10.9797 20.6667 11.3334 20.6667C11.687 20.6667 12.0261 20.5262 12.2762 20.2761L21.6095 10.9428C22.1302 10.4221 22.1302 9.57789 21.6095 9.05719C21.0888 8.53649 20.2446 8.53649 19.7239 9.05719L11.3334 17.4477L8.27616 14.3905Z"
                  fill="#2E33F4"
                />
              </svg>
              <div class="slogan-content">
                <p class="slogan-content-title">
                  全球132+国家/地区300多个城市的线路
                </p>
                <p class="slogan-content-subtitle">
                  数量众多和全球分布的线路节点让您无论身处何处都能连接到快速且安全的服务器！
                </p>
              </div>
            </div>
            <div class="slogan">
              <svg
                class="slogan-icon"
                width="28"
                height="28"
                viewBox="0 0 28 28"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  fill-rule="evenodd"
                  clip-rule="evenodd"
                  d="M14 27.3333C21.3638 27.3333 27.3334 21.3638 27.3334 14C27.3334 6.6362 21.3638 0.666667 14 0.666667C6.63622 0.666667 0.666687 6.6362 0.666687 14C0.666687 21.3638 6.63622 27.3333 14 27.3333ZM8.27616 14.3905C7.75546 13.8698 6.91124 13.8698 6.39054 14.3905C5.86984 14.9112 5.86984 15.7554 6.39054 16.2761L10.3905 20.2761C10.6406 20.5262 10.9797 20.6667 11.3334 20.6667C11.687 20.6667 12.0261 20.5262 12.2762 20.2761L21.6095 10.9428C22.1302 10.4221 22.1302 9.57789 21.6095 9.05719C21.0888 8.53649 20.2446 8.53649 19.7239 9.05719L11.3334 17.4477L8.27616 14.3905Z"
                  fill="#2E33F4"
                />
              </svg>
              <div class="slogan-content">
                <p class="slogan-content-title">支持加密货币匿名付款</p>
                <p class="slogan-content-subtitle">
                  将匿名进行到底，我们支持使用加密货币付款！
                </p>
              </div>
            </div>
          </div>

          

          <div class="mobileDown">
            <div class="mobileDown-title">用于移动设备</div>
            <div class="mobileDownListBox">
              <div class="mobileDown-list">
                <div id="listBox" class="listBox">
                  <div
                    id="ios"
                    class="mobileDown-item openInstall"
                    onclick="download('ios')"
                  >
                    <svg
                      width="23"
                      height="28"
                      viewBox="0 0 23 28"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M18.4344 14.8505C18.4463 13.8277 18.7178 12.8248 19.2234 11.9357C19.729 11.0467 20.4521 10.3006 21.325 9.76746C20.7699 8.97628 20.0382 8.32527 19.1878 7.86605C18.3374 7.40684 17.3917 7.15204 16.4257 7.12185C14.3802 6.90138 12.3838 8.34667 11.3304 8.34667C10.2771 8.34667 8.64808 7.12185 6.90884 7.12185C5.78507 7.15841 4.68997 7.48568 3.7304 8.07172C2.77084 8.65776 1.9796 9.48255 1.43389 10.4656C-0.881014 14.6177 0.833733 20.6071 3.09965 23.9631C4.23873 25.5921 5.54929 27.4049 7.30078 27.3314C9.05227 27.2579 9.62794 26.2535 11.6856 26.2535C13.7433 26.2535 14.3067 27.3314 16.0827 27.2946C17.8587 27.2579 19.059 25.6656 20.1491 24.0244C20.9672 22.87 21.5957 21.5923 22.0109 20.2397C20.9512 19.7921 20.0469 19.0422 19.4109 18.0838C18.7748 17.1253 18.4352 16.0008 18.4344 14.8505Z"
                        fill="#2E33F4"
                      />
                      <path
                        d="M15.0415 4.94129C16.0348 3.74821 16.5226 2.21431 16.4011 0.666672C14.8829 0.830528 13.4807 1.55567 12.4694 2.69987C11.9775 3.26035 11.601 3.91233 11.3614 4.61851C11.1218 5.32468 11.0238 6.07118 11.0731 6.81527C11.8332 6.82276 12.585 6.65805 13.2723 6.3335C13.9596 6.00894 14.5645 5.53297 15.0415 4.94129Z"
                        fill="#2E33F4"
                      />
                    </svg>
                    <span class="mobileDown-item-content">iOS 下载</span>
                  </div>

                  <div
                    id="android"
                    class="mobileDown-item openInstall android"
                    onclick="downloadListHandle(event, 'android')"
                  >
                    
                    <svg
                      class="mobileDown-item-icon"
                      width="25"
                      height="28"
                      viewBox="0 0 25 28"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M0.682151 1.58151L13.054 13.9533L0.770178 26.5988C0.758036 26.5781 0.7464 26.5568 0.73527 26.5356C0.709975 26.4875 0.686198 26.4385 0.664444 26.3884C0.538981 26.098 0.482825 25.7793 0.504579 25.458V2.54019C0.486367 2.20832 0.548593 1.87999 0.682151 1.58151Z"
                        fill="#2E33F4"
                      />
                      <path
                        d="M1.39092 0.825185C1.4324 0.805455 1.4749 0.788254 1.5179 0.772065C1.68738 0.708321 1.86798 0.672908 2.05213 0.667343C2.44471 0.656214 2.82818 0.783701 3.13577 1.02704L17.6137 9.26008L13.7759 13.2102L1.39092 0.825185Z"
                        fill="#2E33F4"
                      />
                      <path
                        d="M18.539 9.79482L14.5089 13.9432L18.6968 18.1311L23.3293 15.5014C24.7798 14.6727 24.7798 13.3255 23.3293 12.507L18.539 9.79482Z"
                        fill="#2E33F4"
                      />
                      <path
                        d="M17.7573 18.6567L13.787 14.6864L1.58316 27.2494C1.73291 27.2985 1.89024 27.3268 2.05061 27.3324C2.44218 27.3455 2.82616 27.2211 3.13577 26.9808L17.7573 18.6567Z"
                        fill="#2E33F4"
                      />
                    </svg>

                    <span class="mobileDown-item-content">Android 下载</span>
                    <svg
                      class="arrow"
                      width="25"
                      height="24"
                      viewBox="0 0 25 24"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        fill-rule="evenodd"
                        clip-rule="evenodd"
                        d="M19.2071 8.29289C19.5976 8.68342 19.5976 9.31658 19.2071 9.70711L13.2071 15.7071C12.8166 16.0976 12.1834 16.0976 11.7929 15.7071L5.79289 9.70711C5.40237 9.31658 5.40237 8.68342 5.79289 8.29289C6.18342 7.90237 6.81658 7.90237 7.20711 8.29289L12.5 13.5858L17.7929 8.29289C18.1834 7.90237 18.8166 7.90237 19.2071 8.29289Z"
                        fill="#2E33F4"
                      />
                    </svg>

                    <div class="downloadList downloadListAndroid">
                      <div
                        id="android"
                        class="downloadList-item openInstall android"
                        onclick="download('googlePlay')"
                      >
                        <svg
                          width="32"
                          height="32"
                          viewBox="0 0 32 32"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <mask
                            id="mask0_240_5524"
                            style="mask-type: alpha"
                            maskUnits="userSpaceOnUse"
                            x="4"
                            y="3"
                            width="24"
                            height="26"
                          >
                            <path
                              d="M27.0484 14.4004C28.3172 15.0986 28.3172 16.9014 27.0484 17.5996L6.75627 28.7659C5.52052 29.4459 4 28.5634 4 27.1663L4 4.83374C4 3.43657 5.52052 2.55415 6.75627 3.23415L27.0484 14.4004Z"
                              fill="#C4C4C4"
                            />
                          </mask>
                          <g mask="url(#mask0_240_5524)">
                            <path
                              d="M4.63473 28.5464L17.2923 15.8177L4.84319 3.29865C4.34653 3.61703 4 4.16672 4 4.83372V27.1662C4 27.7353 4.25223 28.219 4.63473 28.5464Z"
                              fill="#547DBF"
                            />
                            <path
                              d="M27.0484 14.4004C28.3172 15.0986 28.3172 16.9014 27.0484 17.5996L21.9291 20.4166L17.2924 15.8176L21.6926 11.4532L27.0484 14.4004Z"
                              fill="#FBBC12"
                            />
                            <path
                              d="M21.929 20.4166L17.2923 15.8177L4.63464 28.5464C5.19127 29.0231 6.02377 29.1689 6.75623 28.7659L21.929 20.4166Z"
                              fill="#EB4335"
                            />
                            <path
                              d="M4.84326 3.29865L17.2924 15.8177L21.6927 11.4533L6.75631 3.23415C6.11052 2.87878 5.38695 2.95013 4.84326 3.29865Z"
                              fill="#30A953"
                            />
                          </g>
                        </svg>

                        <p class="downloadList-item-content">
                          Google Play 应用商店<span class="textColorI"
                            >（仅支持应用商店内购）</span
                          >
                        </p>
                      </div>
                      <div
                        id="android"
                        class="downloadList-item openInstall android"
                        onclick="download('android')"
                      >
                        <svg
                          width="32"
                          height="32"
                          viewBox="0 0 32 32"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <path
                            fill-rule="evenodd"
                            clip-rule="evenodd"
                            d="M11.4901 2.27752C11.3277 2.0069 10.9767 1.91915 10.7061 2.08152C10.4355 2.24389 10.3477 2.59489 10.5101 2.86551L11.6392 4.74743C11.0089 5.10319 10.4285 5.54359 9.91456 6.05749C9.17169 6.80036 8.58242 7.68227 8.18038 8.65287C7.77834 9.62348 7.57142 10.6638 7.57142 11.7143L23.5714 11.7143C23.5714 10.6638 23.3645 9.62347 22.9624 8.65287C22.5604 7.68227 21.9711 6.80036 21.2282 6.05749C20.8304 5.65962 20.3926 5.30581 19.9227 5.00123L21.2041 2.86551C21.3665 2.59489 21.2788 2.24389 21.0082 2.08152C20.7375 1.91915 20.3865 2.0069 20.2242 2.27752L18.921 4.44938C18.8259 4.40551 18.7298 4.36348 18.6329 4.32331C17.6623 3.92128 16.622 3.71435 15.5714 3.71435C14.581 3.71435 13.5997 3.89827 12.6773 4.2562L11.4901 2.27752ZM12.7143 8.28577C13.0299 8.28577 13.2857 8.02993 13.2857 7.71434C13.2857 7.39875 13.0299 7.14291 12.7143 7.14291C12.3987 7.14291 12.1428 7.39875 12.1428 7.71434C12.1428 8.02993 12.3987 8.28577 12.7143 8.28577ZM19 7.71434C19 8.02993 18.7441 8.28577 18.4285 8.28577C18.1129 8.28577 17.8571 8.02993 17.8571 7.71434C17.8571 7.39875 18.1129 7.14291 18.4285 7.14291C18.7441 7.14291 19 7.39875 19 7.71434Z"
                            fill="#A5C53B"
                          />
                          <path
                            d="M4.71428 12.8572C3.76751 12.8572 3 13.6247 3 14.5715V20.2857C3 21.2325 3.76751 22 4.71428 22C5.66105 22 6.42856 21.2325 6.42856 20.2857V14.5715C6.42856 13.6247 5.66105 12.8572 4.71428 12.8572Z"
                            fill="#A5C53B"
                          />
                          <path
                            d="M26.4285 12.8572C25.4817 12.8572 24.7142 13.6247 24.7142 14.5715V20.2857C24.7142 21.2325 25.4817 22 26.4285 22C27.3753 22 28.1428 21.2325 28.1428 20.2857V14.5715C28.1428 13.6247 27.3753 12.8572 26.4285 12.8572Z"
                            fill="#A5C53B"
                          />
                          <path
                            d="M7.57142 23.1429V12.8572H23.5714V23.1429C23.5714 24.4052 22.548 25.4286 21.2857 25.4286H20.1428V28.2857C20.1428 29.2325 19.3753 30 18.4285 30C17.4818 30 16.7143 29.2325 16.7143 28.2857V25.4286H14.4285V28.2857C14.4285 29.2325 13.661 30 12.7143 30C11.7675 30 11 29.2325 11 28.2857V25.4286H9.85713C8.59476 25.4286 7.57142 24.4052 7.57142 23.1429Z"
                            fill="#A5C53B"
                          />
                        </svg>

                        <p class="downloadList-item-content">
                          APK 下载<span class="textColorII"
                            >（支持微信/支付宝/USDT付款）</span
                          >
                        </p>
                      </div>
                      <div
                        id="android"
                        class="downloadList-item openInstall android"
                        onclick="download('galaxyStore')"
                      >
                        <svg
                          width="32"
                          height="32"
                          viewBox="0 0 32 32"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <path
                            d="M2 13.4286C2 7.11675 7.11675 2 13.4286 2H18.5714C24.8833 2 30 7.11675 30 13.4286V18.5714C30 24.8833 24.8833 30 18.5714 30H13.4286C7.11675 30 2 24.8833 2 18.5714V13.4286Z"
                            fill="url(#paint0_angular_240_5530)"
                          />
                          <path
                            fill-rule="evenodd"
                            clip-rule="evenodd"
                            d="M20.3294 12.564L20.2718 12.3105C20.2718 10.0912 18.4658 8.28571 16.246 8.28571C14.0263 8.28571 12.2204 10.0912 12.2204 12.3105L12.1627 12.564H8.85718L9.74819 20.8705C9.92665 22.56 11.3515 23.8422 13.0506 23.8422H19.4414C21.1405 23.8422 22.5654 22.56 22.7438 20.8706L23.6349 12.564H20.3294ZM13.9127 12.564L13.9776 12.3105C13.9776 11.0599 14.9953 10.0425 16.246 10.0425C17.497 10.0425 18.5146 11.0599 18.5146 12.3105L18.5794 12.564H13.9127Z"
                            fill="white"
                          />
                          <defs>
                            <radialGradient
                              id="paint0_angular_240_5530"
                              cx="0"
                              cy="0"
                              r="1"
                              gradientUnits="userSpaceOnUse"
                              gradientTransform="translate(16 16) rotate(90) scale(16)"
                            >
                              <stop stop-color="#F06558" />
                              <stop offset="0.3" stop-color="#CD04E0" />
                              <stop offset="0.65" stop-color="#EE2174" />
                              <stop offset="0.825" stop-color="#F75E51" />
                              <stop offset="1" stop-color="#F76551" />
                            </radialGradient>
                          </defs>
                        </svg>
                        <p class="downloadList-item-content">
                          SumSung 应用商店<span class="textColorI"
                            >（仅支持应用商店内购）</span
                          >
                        </p>
                      </div>
                      <div
                        id="android"
                        class="downloadList-item openInstall android"
                        onclick="download('appgalleryHuawei')"
                      >
                        <svg
                          width="32"
                          height="32"
                          viewBox="0 0 32 32"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <g clip-path="url(#clip0_240_5533)">
                            <path
                              fill-rule="evenodd"
                              clip-rule="evenodd"
                              d="M9.85633 2C4.10398 2 2 4.10361 2 9.8548V22.1452C2 27.8964 4.10398 30 9.85633 30H22.1399C27.8921 30 30 27.8964 30 22.1452V9.8548C30 4.10361 27.896 2 22.1437 2H9.85633Z"
                              fill="url(#paint0_linear_240_5533)"
                            />
                            <path
                              fill-rule="evenodd"
                              clip-rule="evenodd"
                              d="M14.2135 18.2394H15.3376L14.7736 16.9279L14.2135 18.2394ZM13.9367 18.9004L13.6031 19.6635H12.8438L14.4585 16.0002H15.1148L16.7229 19.6635H15.9434L15.6141 18.9004H13.9367ZM26.155 19.6608H26.8889V16H26.155V19.6608ZM23.2341 18.0882H24.5869V17.4207H23.2341V16.6704H25.1979V16.0027H22.5005V19.6633H25.2685V18.9956H23.2341V18.0882ZM20.3182 18.5207L19.4862 16H18.8791L18.0471 18.5207L17.2374 16.002H16.4457L17.7235 19.6655H18.339L19.1723 17.2591L20.0057 19.6655H20.6265L21.901 16.002H21.1297L20.3182 18.5207ZM11.7236 18.0983C11.7236 18.6942 11.4276 19.0127 10.8902 19.0127C10.3499 19.0127 10.0524 18.685 10.0524 18.0729V16.0025H9.30861V18.0983C9.30861 19.1292 9.88158 19.7204 10.8801 19.7204C11.8885 19.7204 12.4667 19.118 12.4667 18.0677V16.0002H11.7236V18.0983ZM7.53414 16.0002H8.27746V19.6657H7.53414V18.1771H5.85486V19.6657H5.11108V16.0002H5.85486V17.4788H7.53414V16.0002Z"
                              fill="white"
                            />
                            <path
                              fill-rule="evenodd"
                              clip-rule="evenodd"
                              d="M16 11.3333C13.4266 11.3333 11.3334 9.23989 11.3334 6.66666H11.9926C11.9926 8.87621 13.7905 10.6739 16 10.6739C18.2096 10.6739 20.0075 8.87621 20.0075 6.66666H20.6667C20.6667 9.23989 18.5733 11.3333 16 11.3333Z"
                              fill="white"
                            />
                          </g>
                          <defs>
                            <linearGradient
                              id="paint0_linear_240_5533"
                              x1="16"
                              y1="2"
                              x2="16"
                              y2="30"
                              gradientUnits="userSpaceOnUse"
                            >
                              <stop stop-color="#FB6361" />
                              <stop offset="1" stop-color="#ED3E45" />
                            </linearGradient>
                            <clipPath id="clip0_240_5533">
                              <rect
                                width="28"
                                height="28"
                                fill="white"
                                transform="translate(2 2)"
                              />
                            </clipPath>
                          </defs>
                        </svg>
                        <p class="downloadList-item-content">
                          HUAWEI 应用商店<span class="textColorI"
                            >（仅支持应用商店内购）</span
                          >
                        </p>
                      </div>
                    </div>
                  </div>
                </div>

                
              </div>
              <div id="qrcodeBox" class="qrcodeBox">
                <div id="qrcode"></div>
                <div class="qrcodeBox-content">扫码从其它设备下载</div>
              </div>
            </div>
          </div>

          <div class="purchaseNotice">
            <img class="purchaseNotice-img" src="./image/remind.png" alt="" srcset="">
              如果您在 Google Play 或 iOS 苹果商店内购，价格会比官网高约 30%。推荐您直接前往 
              
              或下载官网／落地页内APK App 购买，价格更划算、支付方式也更灵活。
          </div>

          <div class="pcDown">
            <div class="pcDown-title">用于计算机</div>
            <div class="pcDown-list">
              <div
                class="pcDown-item openInstall"
                onclick="downloadListHandle(event, 'windows')"
              >
                
                <svg
                  class="mobileDown-item-icon"
                  width="28"
                  height="30"
                  viewBox="0 0 28 30"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M27.3334 0.333344V13.456L12.6667 13.6667V2.37734L27.3334 0.333344ZM0.666687 4.26134L10 3.00001V13.5373L0.666687 13.6667V4.26134ZM12.6667 27.6213V16.3333L27.3334 16.544V29.6667L12.6667 27.6227V27.6213ZM0.666687 25.7387V16.3333L10 16.464V27L0.666687 25.7387Z"
                    fill="#2E33F4"
                  />
                </svg>

                <span class="pcDown-item-content">Windows 下载</span>
                <svg
                  class="arrow"
                  width="25"
                  height="24"
                  viewBox="0 0 25 24"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M19.2071 8.29289C19.5976 8.68342 19.5976 9.31658 19.2071 9.70711L13.2071 15.7071C12.8166 16.0976 12.1834 16.0976 11.7929 15.7071L5.79289 9.70711C5.40237 9.31658 5.40237 8.68342 5.79289 8.29289C6.18342 7.90237 6.81658 7.90237 7.20711 8.29289L12.5 13.5858L17.7929 8.29289C18.1834 7.90237 18.8166 7.90237 19.2071 8.29289Z"
                    fill="#2E33F4"
                  />
                </svg>

                <div class="downloadList downloadListWindows">
                  <div
                    class="downloadList-item openInstall"
                    onclick="download('windows')"
                  >
                    <svg
                      width="32"
                      height="32"
                      viewBox="0 0 32 32"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <rect
                        x="17"
                        y="17"
                        width="10"
                        height="10"
                        fill="#FEBA08"
                      />
                      <rect
                        x="5"
                        y="17"
                        width="10"
                        height="10"
                        fill="#05A6F0"
                      />
                      <rect
                        x="17"
                        y="5"
                        width="10"
                        height="10"
                        fill="#80BC06"
                      />
                      <rect x="5" y="5" width="10" height="10" fill="#F25325" />
                    </svg>
                    <span class="downloadList-item-content"
                      >X64 安裝包 下載</span
                    >
                  </div>
                  <div
                    class="downloadList-item openInstall"
                    onclick="download('windowsARM')"
                  >
                    <svg
                      width="32"
                      height="32"
                      viewBox="0 0 32 32"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <rect
                        x="17"
                        y="17"
                        width="10"
                        height="10"
                        fill="#FEBA08"
                      />
                      <rect
                        x="5"
                        y="17"
                        width="10"
                        height="10"
                        fill="#05A6F0"
                      />
                      <rect
                        x="17"
                        y="5"
                        width="10"
                        height="10"
                        fill="#80BC06"
                      />
                      <rect x="5" y="5" width="10" height="10" fill="#F25325" />
                    </svg>
                    <span class="downloadList-item-content"
                      >ARM64 安裝包下載</span
                    >
                  </div>
                  <div
                    class="downloadList-item openInstall"
                    onclick="download('appsMicrosoft')"
                  >
                    <svg
                      width="32"
                      height="32"
                      viewBox="0 0 32 32"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <g clip-path="url(#clip0_240_7765)">
                        <path
                          d="M23.5404 9.04643V8.42216C23.5404 6.72727 22.7335 5.13539 21.3679 4.13188C22.0624 5.05267 22.437 6.1748 22.4354 7.32813V9.04643H21.3274V7.32813C21.3289 4.38627 18.9426 2 16.0008 2C13.0589 2 10.6711 4.38627 10.6711 7.32813V9.04643H2V27.7854C2 28.906 2.90831 29.8158 4.03043 29.8158H27.9711C29.0917 29.8158 30.0016 28.9075 30.0016 27.7854V9.04643H23.5404ZM11.776 7.32813C11.7745 4.99649 13.6645 3.10496 15.9977 3.10496H16.0008C18.3121 3.1549 20.174 5.01678 20.2255 7.32969V9.04799H13.9875V8.42372C13.986 6.09208 15.8759 4.20055 18.2091 4.19899H18.2123C18.4073 4.19899 18.6009 4.21303 18.7928 4.24268C18.2638 3.99922 17.6894 3.87281 17.1073 3.87124C15.7417 3.86968 14.4588 4.53141 13.6676 5.64417C13.1541 6.48069 12.8826 7.44206 12.8841 8.42216V9.04643H11.776V7.32813Z"
                          fill="#E8E8E8"
                        />
                        <path
                          d="M15.5483 13.5568H10.1296V18.977H15.5483V13.5568Z"
                          fill="#F25022"
                        />
                        <path
                          d="M21.8706 13.5568H16.4519V18.977H21.8706V13.5568Z"
                          fill="#7FBA00"
                        />
                        <path
                          d="M15.5483 19.8791H10.1296V25.2977H15.5483V19.8791Z"
                          fill="#00A4EF"
                        />
                        <path
                          d="M21.8706 19.8791H16.4519V25.2977H21.8706V19.8791Z"
                          fill="#FFB900"
                        />
                      </g>
                      <defs>
                        <clipPath id="clip0_240_7765">
                          <rect
                            width="28"
                            height="27.8158"
                            fill="white"
                            transform="translate(2 2)"
                          />
                        </clipPath>
                      </defs>
                    </svg>
                    <span class="downloadList-item-content">微软商店 下载</span>
                  </div>
                </div>
              </div>
              <div
                class="pcDown-item openInstall"
                onclick="downloadListHandle(event, 'mac')"
              >
                
                <svg
                  class="mobileDown-item-icon"
                  width="28"
                  height="28"
                  viewBox="0 0 28 28"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M16.4827 19.6558C19.0519 19.4079 21.3055 18.7318 22.6804 17.8529L23.4918 18.8895C21.5983 19.9941 19.142 20.715 16.4827 20.9855C16.5841 23.136 17.0694 25.2685 18.02 27.3333H22.1048C24.9925 27.3333 27.3335 24.9923 27.3335 22.1046V5.89541C27.3335 3.00765 24.9925 0.666656 22.1048 0.666656H18.4582C14.8981 4.86612 12.9367 9.74204 12.3361 14.9908H17.1816C16.7756 16.5683 16.5279 18.1235 16.4827 19.6558ZM18.646 6.65226H20.0211V9.83009H18.646V6.65226Z"
                    fill="#2E33F4"
                  />
                  <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M16.7415 0.666656H5.89541C3.00765 0.666656 0.666656 3.00765 0.666656 5.89541V22.1046C0.666656 24.9923 3.00765 27.3333 5.89541 27.3333H16.4623C15.5701 25.4322 15.1334 23.2611 15.063 21.0205V21.0758C11.5921 21.211 7.85111 20.5576 4.69615 18.9798L5.3496 17.9432C8.41393 19.3853 11.9292 19.8811 15.0618 19.7461C15.0936 18.6339 15.2102 17.5141 15.4008 16.4106H10.6907C11.2314 10.2341 13.4607 4.92112 16.7415 0.666656ZM8.57226 6.65226H7.19745V9.83009H8.57226V6.65226Z"
                    fill="#2E33F4"
                  />
                </svg>

                <span class="pcDown-item-content">Mac 下载</span>
                <svg
                  class="arrow"
                  width="25"
                  height="24"
                  viewBox="0 0 25 24"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M19.2071 8.29289C19.5976 8.68342 19.5976 9.31658 19.2071 9.70711L13.2071 15.7071C12.8166 16.0976 12.1834 16.0976 11.7929 15.7071L5.79289 9.70711C5.40237 9.31658 5.40237 8.68342 5.79289 8.29289C6.18342 7.90237 6.81658 7.90237 7.20711 8.29289L12.5 13.5858L17.7929 8.29289C18.1834 7.90237 18.8166 7.90237 19.2071 8.29289Z"
                    fill="#2E33F4"
                  />
                </svg>

                <div class="downloadList downloadListMac">
                  <div
                    class="downloadList-item openInstall"
                    onclick="download('mac-intel')"
                  >
                    <svg
                      width="32"
                      height="32"
                      viewBox="0 0 32 32"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <g clip-path="url(#clip0_324_6834)">
                        <path
                          d="M14.8706 19.4259C14.8706 22.1176 13.4682 23.8118 11.2282 23.8118C8.98824 23.8118 7.58588 22.1082 7.58588 19.4259C7.58588 16.7247 8.98824 15.0306 11.2282 15.0306C13.4682 15.0306 14.8706 16.7247 14.8706 19.4259ZM17.9953 9.92941L17.0165 9.99529C16.4612 10.0329 16.2165 10.2306 16.2165 10.5882C16.2165 10.9647 16.5271 11.1718 16.96 11.1718C17.5529 11.1718 17.9953 10.7859 17.9953 10.2682V9.92941ZM32 16C32 24.9318 24.9318 32 16 32C7.06824 32 0 24.9318 0 16C0 7.06824 7.06824 0 16 0C24.9318 0 32 7.06824 32 16ZM19.7082 9.73176C19.7082 11.0306 20.4235 11.8212 21.5906 11.8212C22.5788 11.8212 23.2 11.2659 23.3035 10.4753H22.5318C22.4282 10.9082 22.0894 11.1435 21.5906 11.1435C20.9318 11.1435 20.5271 10.6071 20.5271 9.73176C20.5271 8.86588 20.9318 8.34824 21.5906 8.34824C22.1176 8.34824 22.4471 8.64941 22.5318 9.03529H23.3035C23.2 8.26353 22.5976 7.68 21.5906 7.68C20.4235 7.67059 19.7082 8.46118 19.7082 9.73176ZM8.95059 7.75529V11.7459H9.74118V9.29882C9.74118 8.78118 10.1082 8.36706 10.5882 8.36706C11.0588 8.36706 11.36 8.64941 11.36 9.10118V11.7459H12.1318V9.22353C12.1318 8.74353 12.4612 8.36706 12.9788 8.36706C13.4965 8.36706 13.7506 8.63059 13.7506 9.18588V11.7459H14.5412V8.98824C14.5412 8.16 14.0706 7.67059 13.2612 7.67059C12.7059 7.67059 12.2447 7.95294 12.0471 8.38588H11.9812C11.8024 7.95294 11.4259 7.67059 10.88 7.67059C10.3435 7.67059 9.93882 7.93412 9.76941 8.38588H9.71294V7.74588L8.95059 7.75529ZM16.2729 19.4259C16.2729 15.9529 14.3341 13.7694 11.2282 13.7694C8.12235 13.7694 6.18353 15.9529 6.18353 19.4259C6.18353 22.8988 8.12235 25.0729 11.2282 25.0729C14.3341 25.0729 16.2729 22.8894 16.2729 19.4259ZM16.7624 11.8118C17.2894 11.8118 17.7224 11.5859 17.9671 11.1812H18.0329V11.7459H18.7953V9.01647C18.7953 8.17882 18.2306 7.68 17.2235 7.68C16.3106 7.68 15.6706 8.12235 15.5859 8.79059H16.3482C16.4329 8.49882 16.7435 8.33882 17.1859 8.33882C17.7224 8.33882 18.0047 8.58353 18.0047 9.02588V9.37412L16.9224 9.44C15.9718 9.49647 15.4353 9.91059 15.4353 10.6353C15.4259 11.3506 15.9906 11.8118 16.7624 11.8118ZM25.3929 21.7788C25.3929 20.2259 24.4894 19.3224 22.2118 18.8235L20.9976 18.56C19.5012 18.2306 18.9176 17.6376 18.9176 16.7812C18.9176 15.6706 19.9718 15.0024 21.3365 15.0024C22.7671 15.0024 23.7082 15.7365 23.8306 16.9412H25.1953C25.1294 15.0871 23.5576 13.7788 21.3741 13.7788C19.1059 13.7788 17.5153 15.0494 17.5153 16.8471C17.5153 18.4 18.4659 19.3976 20.6588 19.8776L21.8729 20.1412C23.3882 20.4706 24 21.0824 24 21.9953C24 23.0682 22.9176 23.8494 21.44 23.8494C19.8682 23.8494 18.7765 23.1341 18.6165 21.9576H17.2518C17.3835 23.8494 18.9741 25.0729 21.3647 25.0729C23.8024 25.0729 25.3929 23.8024 25.3929 21.7788Z"
                          fill="#1D1D1F"
                        />
                      </g>
                      <defs>
                        <clipPath id="clip0_324_6834">
                          <rect width="32" height="32" fill="white" />
                        </clipPath>
                      </defs>
                    </svg>

                    <span class="downloadList-item-content">Intel 版下载</span>
                  </div>
                  <div
                    class="downloadList-item openInstall"
                    onclick="download('mac-arm')"
                  >
                    <svg
                      width="32"
                      height="32"
                      viewBox="0 0 32 32"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <g clip-path="url(#clip0_324_6834)">
                        <path
                          d="M14.8706 19.4259C14.8706 22.1176 13.4682 23.8118 11.2282 23.8118C8.98824 23.8118 7.58588 22.1082 7.58588 19.4259C7.58588 16.7247 8.98824 15.0306 11.2282 15.0306C13.4682 15.0306 14.8706 16.7247 14.8706 19.4259ZM17.9953 9.92941L17.0165 9.99529C16.4612 10.0329 16.2165 10.2306 16.2165 10.5882C16.2165 10.9647 16.5271 11.1718 16.96 11.1718C17.5529 11.1718 17.9953 10.7859 17.9953 10.2682V9.92941ZM32 16C32 24.9318 24.9318 32 16 32C7.06824 32 0 24.9318 0 16C0 7.06824 7.06824 0 16 0C24.9318 0 32 7.06824 32 16ZM19.7082 9.73176C19.7082 11.0306 20.4235 11.8212 21.5906 11.8212C22.5788 11.8212 23.2 11.2659 23.3035 10.4753H22.5318C22.4282 10.9082 22.0894 11.1435 21.5906 11.1435C20.9318 11.1435 20.5271 10.6071 20.5271 9.73176C20.5271 8.86588 20.9318 8.34824 21.5906 8.34824C22.1176 8.34824 22.4471 8.64941 22.5318 9.03529H23.3035C23.2 8.26353 22.5976 7.68 21.5906 7.68C20.4235 7.67059 19.7082 8.46118 19.7082 9.73176ZM8.95059 7.75529V11.7459H9.74118V9.29882C9.74118 8.78118 10.1082 8.36706 10.5882 8.36706C11.0588 8.36706 11.36 8.64941 11.36 9.10118V11.7459H12.1318V9.22353C12.1318 8.74353 12.4612 8.36706 12.9788 8.36706C13.4965 8.36706 13.7506 8.63059 13.7506 9.18588V11.7459H14.5412V8.98824C14.5412 8.16 14.0706 7.67059 13.2612 7.67059C12.7059 7.67059 12.2447 7.95294 12.0471 8.38588H11.9812C11.8024 7.95294 11.4259 7.67059 10.88 7.67059C10.3435 7.67059 9.93882 7.93412 9.76941 8.38588H9.71294V7.74588L8.95059 7.75529ZM16.2729 19.4259C16.2729 15.9529 14.3341 13.7694 11.2282 13.7694C8.12235 13.7694 6.18353 15.9529 6.18353 19.4259C6.18353 22.8988 8.12235 25.0729 11.2282 25.0729C14.3341 25.0729 16.2729 22.8894 16.2729 19.4259ZM16.7624 11.8118C17.2894 11.8118 17.7224 11.5859 17.9671 11.1812H18.0329V11.7459H18.7953V9.01647C18.7953 8.17882 18.2306 7.68 17.2235 7.68C16.3106 7.68 15.6706 8.12235 15.5859 8.79059H16.3482C16.4329 8.49882 16.7435 8.33882 17.1859 8.33882C17.7224 8.33882 18.0047 8.58353 18.0047 9.02588V9.37412L16.9224 9.44C15.9718 9.49647 15.4353 9.91059 15.4353 10.6353C15.4259 11.3506 15.9906 11.8118 16.7624 11.8118ZM25.3929 21.7788C25.3929 20.2259 24.4894 19.3224 22.2118 18.8235L20.9976 18.56C19.5012 18.2306 18.9176 17.6376 18.9176 16.7812C18.9176 15.6706 19.9718 15.0024 21.3365 15.0024C22.7671 15.0024 23.7082 15.7365 23.8306 16.9412H25.1953C25.1294 15.0871 23.5576 13.7788 21.3741 13.7788C19.1059 13.7788 17.5153 15.0494 17.5153 16.8471C17.5153 18.4 18.4659 19.3976 20.6588 19.8776L21.8729 20.1412C23.3882 20.4706 24 21.0824 24 21.9953C24 23.0682 22.9176 23.8494 21.44 23.8494C19.8682 23.8494 18.7765 23.1341 18.6165 21.9576H17.2518C17.3835 23.8494 18.9741 25.0729 21.3647 25.0729C23.8024 25.0729 25.3929 23.8024 25.3929 21.7788Z"
                          fill="#1D1D1F"
                        />
                      </g>
                      <defs>
                        <clipPath id="clip0_324_6834">
                          <rect width="32" height="32" fill="white" />
                        </clipPath>
                      </defs>
                    </svg>

                    <span class="downloadList-item-content">ARM 版下载</span>
                  </div>
                </div>
              </div>

              

              
            </div>
          </div>
        </div>
        <div class="rightBox">
          <img
            class="rightBox-img"
            src="./image/app-images.png"
            alt=""
            srcset=""
          />
        </div>
      </div>

      <div class="feature">
        <div class="feature-title">我们的特色</div>

        <div class="feature-main">
          <div class="feature-main-item">
            <div class="feature-main-item-imgBox">
              <img
                class="feature-main-item-imgBox-img"
                src="image/icon-group1.svg"
                alt=""
              />
              <p class="feature-main-item-imgBox-lightHight">全球唯一</p>
              <p class="feature-main-item-imgBox-title">提供专属定制服务</p>
            </div>
          </div>
          <div class="feature-main-item">
            <div class="feature-main-item-imgBox">
              <img
                class="feature-main-item-imgBox-img"
                src="image/icon-group2.svg"
                alt=""
              />
              <p class="feature-main-item-imgBox-title">多条免费线路</p>
            </div>
          </div>
          <div class="feature-main-item">
            <div class="feature-main-item-imgBox">
              <img
                class="feature-main-item-imgBox-img"
                src="image/icon-group3.svg"
                alt=""
              />
              <p class="feature-main-item-imgBox-title">全球132+国家</p>
            </div>
          </div>
          <div class="feature-main-item">
            <div class="feature-main-item-imgBox">
              <img
                class="feature-main-item-imgBox-img"
                src="image/icon-group4.svg"
                alt=""
              />
              <p class="feature-main-item-imgBox-title">免手机号码和邮箱注册</p>
            </div>
          </div>
          <div class="feature-main-item">
            <div class="feature-main-item-imgBox">
              <img
                class="feature-main-item-imgBox-img"
                src="image/icon-group5.svg"
                alt=""
              />
              <p class="feature-main-item-imgBox-title">零日志记录</p>
            </div>
          </div>
          <div class="feature-main-item">
            <div class="feature-main-item-imgBox">
              <img
                class="feature-main-item-imgBox-img"
                src="image/icon-group6.svg"
                alt=""
              />
              <p class="feature-main-item-imgBox-title">隐私浏览</p>
            </div>
          </div>
          <div class="feature-main-item">
            <div class="feature-main-item-imgBox">
              <img
                class="feature-main-item-imgBox-img"
                src="image/icon-group7.svg"
                alt=""
              />
              <p class="feature-main-item-imgBox-title">300多个地区</p>
            </div>
          </div>
          <div class="feature-main-item">
            <div class="feature-main-item-imgBox">
              <img
                class="feature-main-item-imgBox-img"
                src="image/icon-group8.svg"
                alt=""
              />
              <p class="feature-main-item-imgBox-title">支持加密货币匿名付款</p>
            </div>
          </div>
        </div>
      </div>

      <div class="supportedPlatforms">
        <div class="supportedPlatforms-header">
          <div class="supportedPlatforms-header-title">
            支持解锁知名串流平台
          </div>
          <div class="supportedPlatforms-header-subtitle">
            畅享流畅、安全的上网体验。免费试用，先体验后购买，让您安心选择最佳网络加速工具
          </div>
        </div>
        <div class="supportedPlatforms-main">
          <img
            class="supportedPlatforms-main-img"
            src="./image/platform_netflix.svg"
            alt=""
            srcset=""
          />
          <img
            class="supportedPlatforms-main-img"
            src="./image/platform_Prime_Video.svg"
            alt=""
            srcset=""
          />
          <img
            class="supportedPlatforms-main-img"
            src="./image/platform_disney+.svg"
            alt=""
            srcset=""
          />
          <img
            class="supportedPlatforms-main-img"
            src="./image/platform_hbo.svg"
            alt=""
            srcset=""
          />
          <img
            class="supportedPlatforms-main-img"
            src="./image/platform_bbc_iplayer.svg"
            alt=""
            srcset=""
          />
          <img
            class="supportedPlatforms-main-img"
            src="./image/platform_mytv_super.svg"
            alt=""
            srcset=""
          />
          <img
            class="supportedPlatforms-main-img"
            src="./image/platform_hulu.svg"
            alt=""
            srcset=""
          />
        </div>
      </div>

      <div class="supportedApp">
        <div class="supportedApp-header">
          <div class="supportedApp-header-title">畅行全球，支持所有国外APP</div>
          <div class="supportedApp-header-subtitle">
            从直播、社交到游戏，高速稳定连接，让您畅享无边界的数字生活
          </div>
        </div>

        <div class="supportedApp-scroll">
          <div class="supportedApp-scroll-imgBox">
            <img
              class="supportedApp-scroll-imgBox-img"
              src="./image/appGroup.svg"
              alt=""
            />
            
          </div>
          <div class="supportedApp-scroll-imgBox">
            <img
              class="supportedApp-scroll-imgBox-img"
              src="./image/appGroup.svg"
              alt=""
            />
          </div>
        </div>
      </div>

      <div class="tryFirstPayLater">
        <div class="tryFirstPayLater-imgBox">
          <img
            class="tryFirstPayLater-imgBox-img"
            src="./image/experience.svg"
            alt=""
          />
        </div>
        <div class="tryFirstPayLater-main">
          <div class="tryFirstPayLater-main-title">先体验后付款</div>
          <div class="tryFirstPayLater-main-subtitle">
            免手机号、免邮箱，简单注册即可免费试用，先体验后付款
          </div>
        </div>
      </div>

      <div class="fqaBox">
        <div class="fqaBox-header">
          <div class="fqaBox-header-title">常见问题</div>
        </div>
        <div class="fqaBox-main">
          <div class="fqaBox-main-item">
            <div class="fqaBox-main-item-title" onclick="actionedHandle(event)">
              <p>什么是专属 IP，我为什么需要一个？</p>
              <svg
                class="more"
                width="32"
                height="32"
                viewBox="0 0 32 32"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M15.9997 5.33325C15.2633 5.33325 14.6663 5.93021 14.6663 6.66659V14.6666H6.66634C5.92996 14.6666 5.33301 15.2635 5.33301 15.9999C5.33301 16.7363 5.92996 17.3333 6.66634 17.3333H14.6663L14.6663 25.3333C14.6663 26.0696 15.2633 26.6666 15.9997 26.6666C16.7361 26.6666 17.333 26.0696 17.333 25.3333V17.3333H25.333C26.0694 17.3333 26.6663 16.7363 26.6663 15.9999C26.6663 15.2635 26.0694 14.6666 25.333 14.6666L17.333 14.6666V6.66659C17.333 5.93021 16.7361 5.33325 15.9997 5.33325Z"
                  fill="#2E33F4"
                />
              </svg>
            </div>
            <div class="fqaBox-main-item-content">
              如果没有订阅专属 IP ，一旦您连接到 天空树VPN，就会为您分配一个动态
              IP，这意味着该 IP
              地址与其他用户共享。这样做是为了确保您的在线隐私得到最大程度的保密。共享或动态
              IP 地址最适合在线隐私。这并不意味着专用 IP
              会使您面临在线风险。您可以通过专用 IP
              地址获得其他好处，例如即时访问受 IP
              限制的网络，从而提高您的在线声誉。这是因为专用 IP
              地址对于单个帐户而不是几十个用户是唯一的
              像一个动态IP地址。无论是专用 IP 还是动态 IP 地址，您的 Internet
              连接和在线数据都使用 天空树VPN 进行加密和保护。
            </div>
          </div>
          <div class="fqaBox-main-item">
            <div class="fqaBox-main-item-title" onclick="actionedHandle(event)">
              <p>什么是独享专线，我为什么需要一个？</p>
              <svg
                class="more"
                width="32"
                height="32"
                viewBox="0 0 32 32"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M15.9997 5.33325C15.2633 5.33325 14.6663 5.93021 14.6663 6.66659V14.6666H6.66634C5.92996 14.6666 5.33301 15.2635 5.33301 15.9999C5.33301 16.7363 5.92996 17.3333 6.66634 17.3333H14.6663L14.6663 25.3333C14.6663 26.0696 15.2633 26.6666 15.9997 26.6666C16.7361 26.6666 17.333 26.0696 17.333 25.3333V17.3333H25.333C26.0694 17.3333 26.6663 16.7363 26.6663 15.9999C26.6663 15.2635 26.0694 14.6666 25.333 14.6666L17.333 14.6666V6.66659C17.333 5.93021 16.7361 5.33325 15.9997 5.33325Z"
                  fill="#2E33F4"
                />
              </svg>
            </div>
            <div class="fqaBox-main-item-content">
              独享专线是最顶级的客制化服务，拥有独享专线，除了拥有有了自己的专属IP，更重要的是该节点的频宽、流量等资源也由您独自享受，可说是最高级的尊荣服务，适合需要稳定IP地址以防止被平台风控，避免被标记为VPN而无法使用ChatGPT等服务以及在敏感时期对大面积封锁时仍保持自由联网的能力
            </div>
          </div>
          <div class="fqaBox-main-item">
            <div class="fqaBox-main-item-title" onclick="actionedHandle(event)">
              <p>天空树VPN 会记录我的连线及浏览纪录吗？</p>
              <svg
                class="more"
                width="32"
                height="32"
                viewBox="0 0 32 32"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M15.9997 5.33325C15.2633 5.33325 14.6663 5.93021 14.6663 6.66659V14.6666H6.66634C5.92996 14.6666 5.33301 15.2635 5.33301 15.9999C5.33301 16.7363 5.92996 17.3333 6.66634 17.3333H14.6663L14.6663 25.3333C14.6663 26.0696 15.2633 26.6666 15.9997 26.6666C16.7361 26.6666 17.333 26.0696 17.333 25.3333V17.3333H25.333C26.0694 17.3333 26.6663 16.7363 26.6663 15.9999C26.6663 15.2635 26.0694 14.6666 25.333 14.6666L17.333 14.6666V6.66659C17.333 5.93021 16.7361 5.33325 15.9997 5.33325Z"
                  fill="#2E33F4"
                />
              </svg>
            </div>
            <div class="fqaBox-main-item-content">
              天空树VPN 采取无Log 政策，透过 天空树VPN
              所进行的任何线上活动，将不会进行任何纪录。
            </div>
          </div>
          <div class="fqaBox-main-item">
            <div class="fqaBox-main-item-title" onclick="actionedHandle(event)">
              <p>使用天空树VPN，能实现网络匿名吗？</p>
              <svg
                class="more"
                width="32"
                height="32"
                viewBox="0 0 32 32"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M15.9997 5.33325C15.2633 5.33325 14.6663 5.93021 14.6663 6.66659V14.6666H6.66634C5.92996 14.6666 5.33301 15.2635 5.33301 15.9999C5.33301 16.7363 5.92996 17.3333 6.66634 17.3333H14.6663L14.6663 25.3333C14.6663 26.0696 15.2633 26.6666 15.9997 26.6666C16.7361 26.6666 17.333 26.0696 17.333 25.3333V17.3333H25.333C26.0694 17.3333 26.6663 16.7363 26.6663 15.9999C26.6663 15.2635 26.0694 14.6666 25.333 14.6666L17.333 14.6666V6.66659C17.333 5.93021 16.7361 5.33325 15.9997 5.33325Z"
                  fill="#2E33F4"
                />
              </svg>
            </div>
            <div class="fqaBox-main-item-content">
              当然！天空树VPN，全面保护您的隐私，隐藏真实IP，数据传输采用银行级TLS加密技术，确保端对端安全，无惧破解威胁。
            </div>
          </div>
        </div>
      </div>
    </main>

    <script>
      let androidDownloadURL = "";
      let iosDownloadURL = "";
      let windowsDownloadURL = "";
      let windowsARMDownloadURL = "";
      let macIntelDownloadURL = "";
      let macSiliconDownloadURL = "";
      let isWindows = "";
      let isMac = "";
      let iOS = "";
      let android = "";
      let ipAddress = "";
      let userAgent = "";
      let preferredLanguage = "";
      let screenResolution = "";
      let timezone = "";
      let operatingSystem = "3";
      let thisDevice = "";
      let downloadListShow = false;

      // 抓網址參數 指定抓取
      function getUrlVal(val) {
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i = 0; i < vars.length; i++) {
          var pair = vars[i].split("=");
          if (pair[0] == val) {
            return pair[1];
          }
        }
        return false;
      }

      // 判斷裝置系統
      function OSnow() {
        isWindows = /windows|win32/i.test(navigator.userAgent);
        isMac =
          /macintosh|mac os x/i.test(navigator.userAgent) && !window.MSStream;
        iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
        android = /Android/.test(navigator.userAgent) && !window.MSStream;

        if (isWindows) {
          // document.getElementById('ios').style.display = 'none'
          document.querySelector(".listBox").classList.add("isWindowsAndroid");
          operatingSystem = "3";
        }

        if (isMac) {
          document
            .querySelector(".listBox")
            .classList.remove("isWindowsAndroid");
          // for (let i = 0; i < document.querySelectorAll('.android').length; i++) {
          //     // document.querySelectorAll('.android')[i].style.display = 'none'
          //     // document.getElementsByClassName('android').style.display = 'none'
          // }
          operatingSystem = "4";
        }
        if (iOS) {
          document
            .querySelector(".listBox")
            .classList.remove("isWindowsAndroid");
          // for (let i = 0; i < document.querySelectorAll('.android').length; i++) {
          //     // document.querySelectorAll('.android')[i].style.display = 'none'
          //     // document.getElementsByClassName('android').style.display = 'none'
          // }
          document.getElementById("qrcodeBox").style.display = "none";
          operatingSystem = "1";
        }
        if (android) {
          document.querySelector(".listBox").classList.add("isWindowsAndroid");
          // document.getElementById('listBox').style.flexFlow = 'row-reverse'
          document.getElementById("qrcodeBox").style.display = "none";
          operatingSystem = "2";
        }
      }
      OSnow();

      async function fetchIPAddress() {
        try {
          const response = await fetch("https://api.ipify.org?format=json");
          const data = await response.json();
          return data.ip;
        } catch (error) {
          console.error("無法獲取 IP 地址:", error);
          return "無法獲取";
        }
      }

      async function getUserAgent() {
        return navigator.userAgent;
      }

      async function getPreferredLanguage() {
        return navigator.language || navigator.userLanguage;
      }

      async function getScreenResolution() {
        return `${window.screen.width} x ${window.screen.height}`;
      }

      async function getTimezone() {
        return Intl.DateTimeFormat().resolvedOptions().timeZone;
      }

      async function getDeviceMemory() {
        return navigator.deviceMemory;
      }
      async function marketingChannelDevice() {
        var xhr = new XMLHttpRequest();
        let json = {
          operating_system: operatingSystem,
          screen_width: window.screen.width.toString(),
          screen_height: window.screen.height.toString(),
        };

        getUrlVal("utm_source")
          ? (json.channel_code = getUrlVal("utm_source"))
          : "";
        xhr.open(
          "POST",
          "https://client.o-faster.cc/api/v1/marketing-channel/device",
          true
        );
        // xhr.open("POST", "https://dev-client.o-faster.cc/api/v1/marketing-channel/device", true);//測試

        //发送合适的请求头信息
        xhr.setRequestHeader("Content-type", "application/json; charset=utf-8");

        xhr.onload = function () {
          // 请求结束后，在此处写处理代码
          getMarketingChannelDevice();
        };
        xhr.send(JSON.stringify(json));
      }

      async function getMarketingChannelDevice() {
        var xhr = new XMLHttpRequest();
        // let json = {
        //     operating_system: operatingSystem,
        //     screen_width: window.screen.width.toString(),
        //     screen_height: window.screen.height.toString(),

        // };

        // getUrlVal('utm_source') ? json.channel_code = getUrlVal('utm_source') : '';
        xhr.open(
          "GET",
          "https://client.o-faster.cc/api/v1/marketing-channel/device?" +
            "operating_system=" +
            operatingSystem +
            "&" +
            "screen_width=" +
            window.screen.width.toString() +
            "&" +
            "screen_height=" +
            window.screen.height.toString(),
          true
        );
        // xhr.open("GET", "https://dev-client.o-faster.cc/api/v1/marketing-channel/device?"+"operating_system="+operatingSystem+"&"+"screen_width="+window.screen.width.toString()+"&"+"screen_height="+window.screen.height.toString(), true);//測試

        //发送合适的请求头信息
        xhr.setRequestHeader("Content-type", "application/json; charset=utf-8");

        xhr.onload = function () {
          // 请求结束后，在此处写处理代码
          thisDevice = JSON.parse(xhr.responseText);
          if (thisDevice.code === 0) {
            marketingChannelEvent("1");
          }
        };
        xhr.send(null);
      }

      async function marketingChannelEvent(v) {
        var xhr = new XMLHttpRequest();
        let json = JSON.stringify({
          event_code: v,
          marketing_channel_device_id: thisDevice.data.id,
        });
        xhr.open(
          "POST",
          "https://client.o-faster.cc/api/v1/marketing-channel/event",
          true
        );
        // xhr.open("POST", "https://dev-client.o-faster.cc/api/v1/marketing-channel/event", true);//測試

        //发送合适的请求头信息
        xhr.setRequestHeader("Content-type", "application/json; charset=utf-8");

        xhr.onload = function () {
          // 请求结束后，在此处写处理代码
        };
        xhr.send(json);
      }
      async function displayDeviceInfo() {
        ipAddress = await fetchIPAddress();
        userAgent = await getUserAgent();
        preferredLanguage = await getPreferredLanguage();
        screenResolution = await getScreenResolution();
        timezone = await getTimezone();
        await marketingChannelDevice();

        // marketingChannelEvent("1");
      }

      window.onload = displayDeviceInfo;

      let qrcodeContsiner = document.getElementById("qrcode");
      let qrcode = new QRCode(qrcodeContsiner, {
        width: 148,
        height: 148,
      });
      qrcode.makeCode(location.href);

      function reqListener() {
        let data = JSON.parse(this.response);
        if (data.code === 0) {
          data.data.forEach((item) => {
            if (item.platform_id === 1) {
              androidDownloadURL = item.download_url;
              // if (isWindows) {
              //     let textToEncode = androidDownloadURL;
              //     qrcode.makeCode(textToEncode);
              // }
            } else if (item.platform_id === 2) {
              iosDownloadURL = item.download_url;
              // if (isMac) {
              //     let textToEncode = iosDownloadURL;
              //     qrcode.makeCode(textToEncode);
              // }
            } else if (item.platform_id === 3) {
              windowsDownloadURL = item.download_url;
            } else if (item.platform_id === 4) {
              macIntelDownloadURL = item.download_url;
            } else if (item.platform_id === 5) {
              macSiliconDownloadURL = item.download_url;
            } else if (item.platform_id === 6) {
              windowsARMDownloadURL = item.download_url;
            }
          });
        }
      }

      var oReq = new XMLHttpRequest();
      oReq.addEventListener("load", reqListener);
      oReq.open("GET", "https://client.o-faster.cc/api/v1/app/version");
      oReq.send();

      // 防封網址
      function convertUrl(url) {
        let newUrl = new URL(url);
        let path = newUrl.pathname;
        let resultUrl = `https://skytreevpn.cc?path=${path}`;
        return resultUrl;
      }

      function download(device) {
        twq("event", "tw-opqmh-opqmk", {});
        marketingChannelEvent("2");
        // document.querySelector('.downloadListAndroid').style.display = 'none'
        switch (device) {
          case "windows":
            window.location.href = windowsDownloadURL;
            break;
          case "windowsARM":
            window.location.href = windowsARMDownloadURL;
            break;
          case "ios":
            window.location.href = iosDownloadURL;
            break;
          case "mac-intel":
            window.location.href = macIntelDownloadURL;
            break;
          case "mac-arm":
            window.location.href = macSiliconDownloadURL;
            break;
          case "android":
            window.location.href = androidDownloadURL;
            break;
          case "googlePlay":
            window.location.href =
              "https://play.google.com/store/apps/details?id=com.yangfang.proxy_android";
            break;
          case "galaxyStore":
            window.location.href =
              "https://galaxystore.samsung.com/detail/com.yangfang.proxy_android";
            break;
          case "appgalleryHuawei":
            window.location.href =
              "https://appgallery.huawei.com/#/app/C111238625";
            break;
          case "appsMicrosoft":
            window.location.href =
              "https://apps.microsoft.com/detail/xp8c8wtn6rv2wd";
            break;
          default:
            console.log(`Sorry, we don't have ${device}.`);
        }
      }

      function downloadListHandle(event, v) {
        event.stopPropagation();
        if (event.currentTarget.classList.value.indexOf("selected") > 0) {
          event.currentTarget.classList.remove("selected");
        } else {
          event.currentTarget.classList.add("selected");
        }
        switch (v) {
          case "android":
            // console.log(document.querySelector('.downloadListAndroid').children)
            console.log(
              document.querySelector(".downloadListAndroid").style.display
            );
            if (
              document.querySelector(".downloadListAndroid").style.display ===
                "" ||
              document.querySelector(".downloadListAndroid").style.display ===
                "none"
            ) {
              document.querySelector(".downloadListAndroid").style.display =
                "block";
            } else {
              document.querySelector(".downloadListAndroid").style.display =
                "none";
            }
            break;
          case "windows":
            // console.log(document.querySelector('.downloadListAndroid').children)
            console.log(
              document.querySelector(".downloadListWindows").style.display
            );
            if (
              document.querySelector(".downloadListWindows").style.display ===
                "" ||
              document.querySelector(".downloadListWindows").style.display ===
                "none"
            ) {
              document.querySelector(".downloadListWindows").style.display =
                "block";
            } else {
              document.querySelector(".downloadListWindows").style.display =
                "none";
            }
            break;
          case "mac":
            // console.log(document.querySelector('.downloadListAndroid').children)
            console.log(
              document.querySelector(".downloadListMac").style.display
            );
            if (
              document.querySelector(".downloadListMac").style.display === "" ||
              document.querySelector(".downloadListMac").style.display ===
                "none"
            ) {
              document.querySelector(".downloadListMac").style.display =
                "block";
            } else {
              document.querySelector(".downloadListMac").style.display = "none";
            }
            break;

          default:
            break;
        }
      }

      function actionedHandle(event) {
        event.stopPropagation();
        if (event.currentTarget.classList.value.indexOf("actioned") > 0) {
          event.currentTarget.classList.remove("actioned");
        } else {
          event.currentTarget.classList.add("actioned");
        }
      }

      // document.querySelector("body").addEventListener(
      //     "click",
      //     function (e) {
      //         document.querySelector('.downloadListAndroid').style.display = 'none'
      //     },
      //     false
      // );
      let downloadLinks = [];
      const linkObj = {
        androidDownloadURL: "",
        iosDownloadURL: "",
        windowsDownloadURL: "",
        macIntelDownloadURL: "",
        macSiliconDownloadURL: "",
        windowsARMDownloadURL: "",
      };

      const downloadKeyMap = {
        1: "androidDownloadURL",
        2: "iosDownloadURL",
        3: "windowsDownloadURL",
        4: "macIntelDownloadURL",
        5: "macSiliconDownloadURL",
        6: "windowsARMDownloadURL",
      };
      const getDownloadLinks = async () => {
        const link = "https://client.o-faster.cc/api/v1/app/version";
        try {
          const res = await fetch(link);
          const responseJson = await res.json();
          const { data } = responseJson;
          if (Array.isArray(data) && data.length > 0) {
            downloadLinks = [...data];

            data.forEach((linkData) => {
              const { platform_id, download_url } = linkData;
              const key = downloadKeyMap[platform_id];
              if (key) linkObj[key] = download_url;
            });
          }
        } catch (err) {
          console.error("❌ API 取得失敗", err);
        }
      };

      window.addEventListener("DOMContentLoaded", getDownloadLinks);

      const closeModalById = (targetId) => {
        const el = document.getElementById(targetId);
        el.classList.add("hidden");
      };

      const handleDownloadClick = (deviceUrl) => {
        const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(
          navigator.userAgent
        );
        const legalDevice = deviceUrl in linkObj;
        const downloadLink = linkObj[deviceUrl];
        if (downloadLinks.length === 0 || !legalDevice) return;
        // todo: not finish
        switch (deviceUrl) {
          case "windowsDownloadURL":
          case "macIntelDownloadURL":
          case "macSiliconDownloadURL":
          case "windowsARMDownloadURL":
            window.location.href = downloadLink;
            break;
          case "iosDownloadURL":
          case "androidDownloadURL":
            if (isMobile) {
              window.location.href = downloadLink;
            } else {
              const isAndroid = deviceUrl === "androidDownloadURL";
              const type = isAndroid ? "Android" : "iOS";
              const qrCodeModal = document.getElementById("qrcode-modal");
              const tutorialBtn = document.getElementById("tutorial-btn");
              const downloadDropdown = document.getElementById(
                "navbar-menu-download"
              );

              downloadDropdown.classList.add("force-hide");
              //解除 force-hide
              setTimeout(() => {
                downloadDropdown.classList.remove("force-hide");
              }, 300);

              if (qrCodeModal.classList.contains("hidden")) {
                qrCodeModal.classList.remove("hidden");
              }

              if (!isAndroid && tutorialBtn.classList.contains("hidden")) {
                tutorialBtn.classList.remove("hidden");
              } else {
                tutorialBtn.classList.add("hidden");
              }

              // todo: close all menu, include mobile
              document.getElementById(
                "qr-device-label"
              ).innerText = `${type} 設備使用以下方式安裝`;

              const qrcodeContainer = document.getElementById("qr-image");
              qrcodeContainer.innerHTML = "";
              const qrcode = new QRCode(qrcodeContainer, {
                width: 148,
                height: 148,
              });
              qrcode.clear();
              qrcode.makeCode(downloadLink);
            }

            // todo: hide download dropdown in mobile device
            break;
          default:
            console.log("Sorry, but we’re unable to support your device.");
        }
      };
      const toggleSidebar = () => {
        const backdropElement = document.getElementById("sidebarBackdrop");
        const sidebarElement = document.getElementById("sidebar");
        backdropElement.classList.toggle("hidden");
        sidebarElement.classList.toggle("hidden");
      };

      const toggleMenu = (el) => {
        const target = el.nextElementSibling;
        if (!target || !target.classList.contains("open-DropDown")) return;

        const isCurrentlyOpen = !target.classList.contains("hidden");

        // 關閉所有下拉
        document.querySelectorAll(".open-DropDown").forEach((menu) => {
          menu.classList.add("hidden");
        });

        // 移除所有 active（讓 SVG 轉回來）
        document.querySelectorAll(".BurgerMenuDropDown").forEach((drop) => {
          drop.classList.remove("active");
        });

        // 如果點的是關閉狀態 → 打開並加上 active
        if (!isCurrentlyOpen) {
          target.classList.remove("hidden");
          el.classList.add("active");
        }
      };

      const tutorialOpen = () => {
        window.open(
          "https://skytreevpn.com/downloads/video/iphone_tf_install.mp4"
        );
      };
    </script>
  <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"6603176ccac14688a3d90d8516a7e8b5","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>
