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

<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>

{| class="wikitable sortable" id="character-table"
! 头像 !! 名称 !! 稀有度 !! 费用 !! 角色技能 !! 羁绊 !! 元素 !! 弱点元素
{{角色图鉴行|图片=角色01.png|名称=天子|稀有度=SR|费用=3费|角色技能=先天下之忧而忧|羁绊=重装战士、游戏开发部|元素=物理|弱点元素=虚数}}
{{角色图鉴行|图片=角色02.png|名称=辛美尔|稀有度=SSR|费用=5费|角色技能=天下大同|羁绊=皇室|元素=光|弱点元素=暗}}
<!-- 继续添加更多棋子 -->
|}