!大家都是我的天使!
心动角色名册
100+ 位完整数据示例
下方直接读取完整角色数据源，并提供“渐进展示 / 全部展示”切换。渐进模式会随滚动自动追加并保持首屏轻量；全部模式用于验证一百多个条目同时展示的场景，未进入视口的头像仍由浏览器懒加载。
100+ COLLECTION
完整角色名册
正在载入完整数据源…
示例：
yaml
title: Lovely Girls
date: 2019-01-07 11:17:35
updated: 2019-01-07 11:17:35
icon: i-ri-women-line
girls:
- name: C.C.
anilist_id: 1111
douban_id: 2043155
from: CODE GEASS
reason: 冷静、神秘，又有自己的温柔。
avatar: https://s4.anilist.co/file/anilistcdn/character/medium/b1111-hNdvOW5ZNCCH.png
- name: 黑雪姬
anilist_id: 46305
douban_id: 6869375
from: 加速世界
avatar: https://s4.anilist.co/file/anilistcdn/character/medium/b46305-CiZOEqz5u1mk.png
random: falsename: 人物名称avatar: 头像 （不存在时，依次默认使用 anilist、立绘）from: 出自的作品reason: 喜欢的原因
备注默认隐藏。通过 reason-mode="inline" 始终显示，或使用 reason-mode="hover" 在鼠标悬浮、键盘聚焦时显示。
通过 layout="grid | bubbles | orbit" 设置默认布局；添加 switchable 后，访客可以在三种布局之间自由切换。
bubbles 会把完整名册聚合为一个圆球星团，不再生成额外列表；悬浮或聚焦头像时会显示角色名与出自作品。