查看“︁棋子”︁的源代码

__NOTOC__
== 棋子图鉴 ==

<pagelist>

{| class="wikitable sortable" style="width:100%; text-align:center;"
|+ 全部棋子列表
|-
! 序号 !! 图片 !! 角色名称 !! 稀有度 !! 费用 !! 定位 !! 羁绊
|-
| 1  || [[File:角色01.png|80px|link=天子]]   || [[天子]]    || SR  || 3费 || 战士 || 重装战士、游戏开发部
|-
| 2  || [[File:角色02.png|80px|link=辛美尔]] || [[辛美尔]]  || SSR || 5费 || 战士 || 游戏开发部
|-
| 3  || || || || || ||
|-
| 4  || || || || || ||
|-
| 5  || || || || || ||
|-
| 6  || || || || || ||
|-
| 7  || || || || || ||
|-
| 8  || || || || || ||
|-
| 9  || || || || || ||
|-
| 10 || || || || || ||
|-
| 11 || || || || || ||
|-
| 12 || || || || || ||
|-
| 13 || || || || || ||
|-
| 14 || || || || || ||
|-
| 15 || || || || || ||
|-
| 16 || || || || || ||
|-
| 17 || || || || || ||
|-
| 18 || || || || || ||
|-
| 19 || || || || || ||
|-
| 20 || || || || || ||
|-
| 21 || || || || || ||
|-
| 22 || || || || || ||
|-
| 23 || || || || || ||
|-
| 24 || || || || || ||
|-
| 25 || || || || || ||
|-
| 26 || || || || || ||
|-
| 27 || || || || || ||
|-
| 28 || || || || || ||
|-
| 29 || || || || || ||
|-
| 30 || || || || || ||
|-
| 31 || || || || || ||
|-
| 32 || || || || || ||
|-
| 33 || || || || || ||
|-
| 34 || || || || || ||
|-
| 35 || || || || || ||
|-
| 36 || || || || || ||
|-
| 37 || || || || || ||
|-
| 38 || || || || || ||
|-
| 39 || || || || || ||
|-
| 40 || || || || || ||
|-
| 41 || || || || || ||
|-
| 42 || || || || || ||
|-
| 43 || || || || || ||
|-
| 44 || || || || || ||
|-
| 45 || || || || || ||
|-
| 46 || || || || || ||
|-
| 47 || || || || || ||
|-
| 48 || || || || || ||
|-
| 49 || || || || || ||
|-
| 50 || || || || || ||
|}

</pagelist>
<div style="text-align: center;">
    <span style="font-size: 2em; font-weight: bold;">⚔️ 棋子图鉴 ⚔️</span>
    <p>点击棋子名称可跳转至详情页</p>
</div>

<div class="filter-container">
    <div class="filter-group">
        <div class="filter-label">✨ 稀有度</div>
        <div class="filter-buttons" data-filter-type="rarity">
            <span class="filter-chip active" data-value="all">全部</span>
            <span class="filter-chip" data-value="SSR">SSR</span>
            <span class="filter-chip" data-value="SR">SR</span>
            <span class="filter-chip" data-value="R">R</span>
            <span class="filter-chip" data-value="N">N</span>
        </div>
    </div>
    <div class="filter-group">
        <div class="filter-label">💰 费用</div>
        <div class="filter-buttons" data-filter-type="cost">
            <span class="filter-chip active" data-value="all">全部</span>
            <span class="filter-chip" data-value="1">1费</span>
            <span class="filter-chip" data-value="2">2费</span>
            <span class="filter-chip" data-value="3">3费</span>
            <span class="filter-chip" data-value="4">4费</span>
            <span class="filter-chip" data-value="5">5费</span>
            <span class="filter-chip" data-value="6">6费</span>
        </div>
    </div>
    <div class="filter-group">
        <div class="filter-label">🔗 羁绊（关键词）</div>
        <input type="text" id="bond-filter-input" class="filter-input" placeholder="输入羁绊名称...">
    </div>
</div>