# 交互工具 Interaction

分类：基础

悬停才出现的操作（.xxd-reveal）、整行可点、按下下沉这类交互小工具。

## 示例
```html
<div class="xxd-row" style="border:1px solid var(--line)"><div class="xxd-row__text">悬停这一行</div><button class="xxd-btn xxd-reveal" data-size="xs">编辑</button></div>
<div class="xxd-concentric" style="--pad:4px;border:1px solid var(--line)"><button class="xxd-btn" data-size="sm">同心圆角</button></div>
```

## 属性与类名
- 类名：`xxd-reveal` `xxd-concentric` `xxd-icon-line` `xxd-num` `xxd-bubble`

## JS
```js
Xxd.showBubble(button, "已复制")
```

## 键盘与读屏
- 悬停才出现的按钮在键盘聚焦时也出现（:focus-within），触屏上一直显示
- 整行可点时行里只放一个主链接，其余按钮单独可聚焦

## 规则
- hover 进入立即变、离开 140ms 淡回
- 悬停才出现的操作：触屏常显、键盘能到
- 同心圆角：外 = 内 + 间距