{include file="header" /}
<link rel="stylesheet" href="/assets/xtu/cooperation-topbar.css?v=20260508-5">
<link rel="stylesheet" href="/assets/xtu/contact-page.css?v=20260515-1">

<main class="contact-single-page" id="contactSinglePage">
  <div class="cooperation-topbar contact-single-topbar">
    <div class="cooperation-topbar-inner">
      <div class="cooperation-topbar-title">{$title|default=cms_t('contact_us','联系我们')}</div>
    </div>
  </div>

  <section class="contact-single-content">
    <div class="content-1300-wrap">
      <div class="contact-single-inner">
      <div class="contact-single-layout">
        <aside class="contact-single-sidebar" aria-label="{:getCategory(28,'catname')}">
          <div class="contact-single-sidebar-card">
            <h2>{:getCategory(28,'catname')}</h2>
            <nav class="contact-single-side-nav">
              {yzn module="cms" action="category" catid="28" cache="3600" order="listorder DESC,id ASC" num="20" return="contactNav"}
              {volist name="contactNav" id="nav"}
              <a class="contact-single-side-link {if $nav.id==$catid}active{/if}" href="{$nav.url}" target="{$nav.target|default='_self'}">
                <span>{$nav.catname}</span>
                <i class="bi bi-chevron-right"></i>
              </a>
              {/volist}
              {/yzn}
            </nav>
          </div>
        </aside>
        <article class="contact-single-article">
          <header class="contact-single-head">
            <h1>{$title|default=cms_t('contact_us','联系我们')}</h1>
          </header>
          <div class="contact-single-body">
            {$content|raw}
          </div>
        </article>
      </div>
      </div>
    </div>
  </section>
</main>

<script>
  document.body.classList.add('contact-single-page-body');
  (function () {
    var siteHeader = document.getElementById('siteHeader');
    var syncTopbarPosition = function () {
      if (!siteHeader) return;
      var headerRect = siteHeader.getBoundingClientRect();
      document.documentElement.style.setProperty('--xtu-header-height', Math.max(0, Math.ceil(headerRect.bottom)) + 'px');
    };
    syncTopbarPosition();
    window.addEventListener('load', syncTopbarPosition);
    window.addEventListener('resize', syncTopbarPosition);
    window.addEventListener('scroll', syncTopbarPosition, { passive: true });
  })();
</script>
{include file="footer" /}