{include file="header" /}
<link rel="stylesheet" href="/assets/xtu/aftersales.css?v=20260412-1343">
<link rel="stylesheet" href="/assets/xtu/fazhan.css?v=20260626-1501">

{php}
$fazhanTitle = trim((string)($category['catname'] ?? '发展历程'));
$fazhanDesc = trim((string)($category['description'] ?? ''));
{/php}

<main class="aftersales-page support-page fazhan-page">
  <section class="aftersales-hero" style="background:url({:getCategory(28,'image')}) center center / cover no-repeat;">
    <div class="support-container aftersales-hero-inner">
      <div></div>
      <div class="aftersales-hero-figure" aria-hidden="true"></div>
    </div>
  </section>

  <section class="aftersales-main support-container">
    <div class="aftersales-breadcrumbs" style="margin-bottom:24px;">
      <a href="{:getCategory($category['parentid'],'url')}">{:getCategory($category['parentid'],'catname')}</a><span>›</span><a href="javascript:;">{$category['catname']}</a>
    </div>

    <div class="aftersales-layout">
      <aside class="aftersales-sidebar">
        <div class="aftersales-sidebar-card">
          <ul class="aftersales-nav-list">
            {yzn module="cms" action="category" catid="$category['parentid']" order="listorder DESC" num="50" return="siblings"}
            {volist name="siblings" id="vo"}
            <li>
              <a class="aftersales-nav-link {if isset($vo['catdir']) && $vo['catdir'] == $category['catdir']}is-active{/if}" href="{$vo['url']}">
                <span>{$vo['catname']}</span>
                <i class="bi bi-chevron-right"></i>
              </a>
            </li>
            {/volist}
            {/yzn}
          </ul>
        </div>
      </aside>

      <div class="aftersales-content-wrap">
        <article class="aftersales-article-card fazhan-article-card">
          <h1 class="aftersales-article-title">{$fazhanTitle}</h1>
          {if $fazhanDesc !== ''}<p class="fazhan-article-desc">{$fazhanDesc}</p>{/if}

          <div class="fazhan-timeline-list">
            {yzn module="cms" action="lists" catid="$catid" order="listorder DESC,id DESC" num="999" return="data" moreinfo="1"}
            {volist name="data" id="vo"}
            <section class="fazhan-timeline-item">
              <div class="fazhan-timeline-year">{$vo.title}</div>
              <div class="fazhan-timeline-card">
                {if !empty($vo.thumb)}
                <div class="fazhan-timeline-thumb"><img src="{$vo.thumb}" alt="{$vo.title}"></div>
                {/if}
                <div class="fazhan-timeline-body">
                  <h2>{$vo.title}</h2>
                  <div class="aftersales-article-body fazhan-timeline-text">{$vo.content|raw}</div>
                </div>
              </div>
            </section>
            {/volist}
            {/yzn}
          </div>
        </article>
      </div>
    </div>
  </section>

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

<script src="/assets/xtu/aftersales.js?v=20260411-1248"></script>
{include file="footer" /}