{include file="header" /}
<link rel="stylesheet" href="/assets/xtu/vendor/swiper-bundle.min.css">
<link rel="stylesheet" href="/assets/xtu/xtugo.css?v=20260420-1407">

<main class="xtugo-page support-page">
  {yzn module="cms" action="lists" catid="$catid" order="listorder DESC,id ASC" num="1" return="xtugoData" moreinfo="1"}
  {volist name="xtugoData" id="vo"}
  <section class="xtugo-download-section">
    <div class="content-1300-wrap xtugo-download-wrap">
      <div class="xtugo-slider-column">
        <div class="swiper xtugo-swiper" id="xtugoSwiper">
          <div class="swiper-wrapper">
            {if !empty($vo.thumbs)}
              {volist name="vo.thumbs" id="img" key="imgKey"}
              <div class="swiper-slide xtugo-slide-card">
                <img src="{$img}" alt="{$vo.title|default='XTU GO'} {$imgKey}">
              </div>
              {/volist}
            {else /}
              <div class="swiper-slide xtugo-slide-card">
                <img src="{$vo.thumb|default='/assets/xtu/vendor/img/xtugo.png'}" alt="{$vo.title|default='XTU GO'}">
              </div>
            {/if}
          </div>
          <button class="xtugo-swiper-arrow xtugo-swiper-prev" type="button" aria-label="上一张">
            <i class="bi bi-chevron-left"></i>
          </button>
          <button class="xtugo-swiper-arrow xtugo-swiper-next" type="button" aria-label="下一张">
            <i class="bi bi-chevron-right"></i>
          </button>
          <div class="swiper-pagination xtugo-swiper-pagination"></div>
        </div>
      </div>

      <div class="xtugo-content-column">
        <div class="xtugo-app-brand">
          <div class="xtugo-app-brand-mark">
            <img src="{$vo.thumb|default='/assets/xtu/vendor/img/xtugo.png'}" alt="{$vo.title|default='XTU GO'}">
          </div>
          <div class="xtugo-app-brand-copy">
            <span class="xtugo-app-brand-kicker">XTU GO</span>
            <h1>{$vo.title}</h1>
            <p>{$vo.description}</p>
          </div>
        </div>

        <div class="xtugo-feature-grid">
          <article class="xtugo-feature-item">
            <div class="xtugo-feature-icon"><i class="bi bi-stars"></i></div>
            <div class="xtugo-feature-copy">
              <h3>新品首发</h3>
              <p>{$vo.description1|default='正品保证，全球首发'}</p>
            </div>
          </article>
          <article class="xtugo-feature-item">
            <div class="xtugo-feature-icon"><i class="bi bi-gift"></i></div>
            <div class="xtugo-feature-copy">
              <h3>独家福利</h3>
              <p>{$vo.description2|default='下单有礼，六期免息'}</p>
            </div>
          </article>
          <article class="xtugo-feature-item">
            <div class="xtugo-feature-icon"><i class="bi bi-shield-check"></i></div>
            <div class="xtugo-feature-copy">
              <h3>设备管理</h3>
              <p>{$vo.description3|default='一键呼叫，随时守护'}</p>
            </div>
          </article>
          <article class="xtugo-feature-item">
            <div class="xtugo-feature-icon"><i class="bi bi-journal-bookmark"></i></div>
            <div class="xtugo-feature-copy">
              <h3>官方教程</h3>
              <p>{$vo.description4|default='轻松上手，大师养成'}</p>
            </div>
          </article>
          <article class="xtugo-feature-item">
            <div class="xtugo-feature-icon"><i class="bi bi-chat-square-heart"></i></div>
            <div class="xtugo-feature-copy">
              <h3>官方社区</h3>
              <p>{$vo.description5|default='作品欣赏，同好交流'}</p>
            </div>
          </article>
          <article class="xtugo-feature-item">
            <div class="xtugo-feature-icon"><i class="bi bi-life-preserver"></i></div>
            <div class="xtugo-feature-copy">
              <h3>服务支持</h3>
              <p>{$vo.description6|default='全面保障，无惧意外'}</p>
            </div>
          </article>
        </div>

        <div class="xtugo-download-panel">
          <div class="xtugo-qr-card">
            <div class="xtugo-qr-box">
              <img src="{$vo.ewmurl|default='/assets/xtu/vendor/qr-placeholder.svg'}" alt="{$vo.title|default='XTU GO'} 下载二维码">
            </div>
            <p>{$vo.title8|default='扫码下载 XTU GO'}</p>
          </div>

          <div class="xtugo-store-list">
            <a class="xtugo-store-btn xtugo-store-btn-android" href="{$vo.andiordurl|default='#'}" target="_blank" rel="noopener">
              <span class="xtugo-store-icon"><i class="bi bi-android2"></i></span>
              <span class="xtugo-store-copy">
                <small>Download for</small>
                <strong>Android</strong>
              </span>
            </a>
            <a class="xtugo-store-btn xtugo-store-btn-ios" href="{$vo.appstore|default='#'}" target="_blank" rel="noopener">
              <span class="xtugo-store-icon"><i class="bi bi-apple"></i></span>
              <span class="xtugo-store-copy">
                <small>Download on the</small>
                <strong>App Store</strong>
              </span>
            </a>
          </div>
        </div>
      </div>
    </div>
  </section>
  {/volist}
  {/yzn}

  {yzn module="cms" action="lists" catid="$catid" order="listorder DESC,id ASC" num="1" return="xtugoUpdateData" moreinfo="1"}
  {volist name="xtugoUpdateData" id="vo"}
  <section class="xtugo-update-section">
    <div class="content-1300-wrap">
      <div class="xtugo-update-heading">最近更新</div>
      <div class="xtugo-update-banner" style="background-image:url({$vo.thumbbig|default=$vo.thumb});">
        <div class="xtugo-update-overlay"></div>
        <div class="xtugo-update-copy">
          <h2>{$vo.titlemain|default='社区精选｜虚拟飞行'}</h2>
          <p>{$vo.descriptionbig|default='社区精选，一网打尽，虚拟飞行，超多上新。'}</p>
        </div>
      </div>
    </div>
  </section>
  {/volist}
  {/yzn}

  {include file="footer-links" /}
</main>

<script src="/assets/xtu/vendor/swiper-bundle.min.js"></script>
<script>
  document.body.classList.add('xtugo-nav-light');
  if (document.querySelector('#xtugoSwiper') && window.Swiper) {
    new Swiper('#xtugoSwiper', {
      loop: true,
      speed: 700,
      autoplay: {
        delay: 3200,
        disableOnInteraction: false
      },
      navigation: {
        nextEl: '.xtugo-swiper-next',
        prevEl: '.xtugo-swiper-prev'
      },
      pagination: {
        el: '.xtugo-swiper-pagination',
        clickable: true
      }
    });
  }
</script>
{include file="footer" /}