<!--
// 功能：顶级分类封面页
// 作者：启肯科技
// Q Q：328493711
// 微信：13738373177（同手机）
// 官网：http://www.qiken.com
// 说明：QKCMS-轻量级AI智能内容管理建站系统
// 版权：© 2025 温州启肯网络有限公司 保留所有权利，盗版必究
-->

<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  {qkcms:catgroup current=1}
  <title>{group_title}-{qkcms:site_name}</title>
  <meta name="keywords" content="{group_keywords}">
  <meta name="description" content="{group_description}">
  {/qkcms:catgroup}
  <link rel="stylesheet" href="/assets/css/ts_list.css" />
</head>

<body class="qk-catgroup">
  {qkcms:head.html}
  <main class="main-content1">
    <div class="container">
      <div class="content-layout">
        <div class="main-column">
          {qkcms:catgroup current=1 order=3}
          <section class="list-category-section">
            <div class="list-category-content">
              <div class="list-category-card">
                <div class="list-category-card-header">
                  <div style="display: flex; align-items: center;">

                    <div class="list-category-header-info">
                      <h1 class="list-category-title">{group_name}</h1>
                    </div>
                  </div>
                  <div class="list-category-posts">封面专题</div>
                </div>
                <div class="list-category-card-body">
                  <div class="list-category-keywords">
                    <span class="list-keywords-label">封面关键词：</span>
                    <span class="list-tags-wrapper">{group_keywords_links}</span>
                  </div>
                  <div class="list-category-description">
                    <p id="group-desc">{group_description}</p>
                    <script>
                      (function () {
                        var el = document.getElementById('group-desc');
                        if (!el) return;
                        var text = (el.textContent || '').trim();
                        if (!text || text === '-') text = '这是「{group_name}」封面页，汇总该归档下的分类与最新内容。';
                        if (text.length > 220) text = text.substring(0, 220) + '...';
                        el.textContent = text;
                      })();
                    </script>
                  </div>
                </div>
              </div>
            </div>
          </section>
          {qkcms:categories row=200 sort=6 filter=16}
          <section class="topics-section">
            <div class="topics-content cat-section-card">
              <div class="topics-header cat-section-head">
                <h2 class="topics-title cat-section-title"><a href="{url}" title="{name}">{name}</a></h2>
                <div class="topics-filter"><span class="cat-section-count">共 {count} 篇</span></div>
              </div>
              <div class="post-grid">
                <div class="articles-list">
                  {qkcms:articles row=6 category_id={id} order=latest titlelen=18 description_len=0}
                  <a class="topic-item11" href="{url}" title="{title}">
                    <div class="article11"><img src="{thumbnail}" alt="{title}" class="article-thumbnail"></div>
                    <div class="topic-content">
                      <span class="topic-title1">{title}</span>
                      <div class="topic-meta">
                        <span>{views} 浏览</span>
                        <span>{comments} 评论</span>
                        <span>{date_only}</span>
                      </div>
                    </div>
                  </a>
                  {/qkcms:articles}
                </div>
              </div>
            </div>
          </section>
          {/qkcms:categories}
          {/qkcms:catgroup}
        </div>
      </div>
    </div>
  </main>
  {qkcms:footer.html}
</body>

</html>
