# 卡片 Card

分类：内容 · React：LayerCard

瀑布流 / 网格里的一张卡：图、标题、说明；整张可点。

## 示例
```html
<div class="xxd-grid" style="--grid-min:200px">
  <a class="xxd-card" href="#"><div class="xxd-card__media" style="--ratio:3/4"></div><div class="xxd-card__body"><p class="xxd-card__title">编辑式海报</p><span class="xxd-card__meta">xxd-panel-001</span></div></a>
</div>
```

## 属性与类名
- 类名：`xxd-card` `xxd-card__media` `xxd-card__body` `xxd-card__title` `xxd-card__meta` `xxd-card__marks` `xxd-card__rating` `xxd-card__action` `xxd-grid` `xxd-masonry`

## 键盘与读屏
- 整张可点时卡片是一个 <a>，里面不要再放链接
- 图片写 alt；纯装饰的图 alt=""

## 规则
- 卡片没有阴影，hover 只加深边线
- 角标贴着角（读作界面）