Playground

BANGUMI

追番卡形态试验场

追番页（/bangumis/）的卡片形态。首版海报墙在真实数据下试装后废弃（2026-10-16 夜改裁定），现存两制，清册为全站默认；每张卡各认一颗星，灵感取自那颗星的性格——Arcturus 与 Rigel。上方的样张就是真实卡制的 DOM 与样式，与 /bangumis/ 同一条 CSS 管线——点下方形态只是试穿，样张当场换装；点完到底部「应用」才写进这台浏览器，回追番页刷新即见。返回 Playground。

本页预览 · 真实卡制样张

WISH · 12 WATCHING · 43 WATCHED · 103

孤独摇滚！

EPS 120 FROM日本 PLAYS2.2 亿 FOLLOW493.7 万 COINS191.7 万 DANMAKU103.3 万 SCORE9.9

PROGRESS 12 / 12

绰号「小孤独」的后藤独，是一个喜爱吉他的孤独少女。经常在家里独自弹奏吉他，但因为一些事情，加入了伊地知虹夏领衔的「纽带乐队」。

关于我转生变成史莱姆这档事第三季

EPS 240 FROM日本 PLAYS8827.7 万 FOLLOW1047.6 万 COINS15.9 万 DANMAKU18.8 万 SCORE7.7

PROGRESS 9 / 24

转生成史莱姆的普通人三上悟，以「利姆路」之名在异世界集结伙伴、构筑国家的物语，第三季。

爱幽的密室

EPS 160 FROM中国大陆 PLAYS2662.1 万 FOLLOW73.7 万 COINS10.0 万 DANMAKU6.8 万 SCORE9.3

以密室逃脱为主题的国产动画，一场场机关谜题背后的都市物语。

样张数据取自真实追番列表，标签可切换想看 / 在看 / 已看分组；在看组的进度条为演示态（正式页只有 B 站回传集数数据时才会出现）。番剧标题链到 B 站官方页（外链新开是数据源本身，不是站内预览跳转）。

形态切换

追番卡形态 bangumi.list读取中

点选只是试穿：写 <html> 的 data-mc-bangumi-list 属性、上方样张当场换装，但不落盘；到底部点「应用」才写进本浏览器偏好。

两张卡与它们的星

Arcturus Card · 追番清册定稿

大角星，牧夫座的牧人星、北天最亮——牧人看守成群星宿，清册看守成队的番剧。每部番一行账目：左侧一枚 96px 小海报（圆角、微影），右侧 KuaiLe 标题（hover 只许标题变深蓝，行不浮起）；其下 EN 微标签配深蓝表格数字的 meta 行（tabular-nums，近似列对齐），进度为「PROGRESS n/m」文字行加 4px 细蓝条，简介至多两行；行间 1px 账线，无卡壳、无阴影。与首页 editorial 列表同源。

Rigel Card · 蓝账册可切变体

参宿七，猎户座的蓝超巨星，全天最亮的蓝星之一——蓝不在场地上，在账线里。与追番清册同一副扁平骨架（条目直接坐正文、零卡底零阴影），差异化全在账册语言：每部番以 2px 深蓝账线分行（对齐摘句卡头的账线），标题与表格数字深蓝，铭头改「BANGUMI · 追番账簿」，标签换细蓝描边药丸；hover 只许标题变色。2026-10-21 按扁平化裁定重做——原「蓝场白卡」（浅蓝场地托白卡 + 阴影 + hover 浮起）与摘句本被否的蓝白配同款两层结构，退役。

与主站排版的联动

分段选择器 → 令牌 bangumi.list（enum：editorial / blue-field → <html> 的 data-mc-bangumi-list）→ 主站落点 source/css/bangumi.css：editorial 为无闸门基座（也是无 JS 时的兜底形态），blue-field 的所有选择器带 html[data-mc-bangumi-list='blue-field'] 闸门前缀。上方样张与 /bangumis/ 用的是同一组选择器，所以本页换装即全站换装。列表 DOM 由 hexo-bilibili-bangumi 插件生成，source/js/site-polish.js 的 bangumiCards() 只做标签 EN 重皮（WISH·n / PLAYS / EPS n / PROGRESS），不动结构。

生效路径：本页点选即时写 <html>（试穿，样张当场换装）；点「应用」写 localStorage，其余页面刷新后由每页头部内联 boot 应用；URL 直达（/bangumis/?bangumi.list=blue-field）不持久化，可用于验收分享。默认值为 editorial。